Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: options.html

Issue 29322581: Issue 2356 - Implemented tooltip functionality (Closed)
Patch Set: Created July 28, 2015, 6:10 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <!-- 2 <!--
3 - This file is part of Adblock Plus <https://adblockplus.org/>, 3 - This file is part of Adblock Plus <https://adblockplus.org/>,
4 - Copyright (C) 2006-2015 Eyeo GmbH 4 - Copyright (C) 2006-2015 Eyeo GmbH
5 - 5 -
6 - Adblock Plus is free software: you can redistribute it and/or modify 6 - Adblock Plus is free software: you can redistribute it and/or modify
7 - it under the terms of the GNU General Public License version 3 as 7 - it under the terms of the GNU General Public License version 3 as
8 - published by the Free Software Foundation. 8 - published by the Free Software Foundation.
9 - 9 -
10 - Adblock Plus is distributed in the hope that it will be useful, 10 - Adblock Plus is distributed in the hope that it will be useful,
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
66 </div> 66 </div>
67 </div> 67 </div>
68 <div id="tab-content"> 68 <div id="tab-content">
69 <div id="content-wrapper"> 69 <div id="content-wrapper">
70 <div id="dialog-background"></div> 70 <div id="dialog-background"></div>
71 71
72 <!-- General tab content --> 72 <!-- General tab content -->
73 <div id="content-general"> 73 <div id="content-general">
74 <div> 74 <div>
75 <h1 class="i18n_options_blocking_title"></h1> 75 <h1 class="i18n_options_blocking_title"></h1>
76 <div class="flex-container"> 76 <div class="hbox">
77 <div id="blocking-languages"> 77 <div id="blocking-languages">
78 <p class="option-name"> 78 <div class="option-name">
79 <span class="i18n_options_language_title"></span> 79 <span class="i18n_options_language_title"></span>
80 <a class="i18n_options_readMore tooltip" target="_blank"></a> 80 <div class="tooltip">
81 </p> 81 <span class="i18n_options_readMore"></span>
82 <div role="tooltip">
83 <img src="skin/tooltips/block.png" alt="" />
84 <p class="i18n_options_language_title_tooltip"></p>
85 <div class="notes">
86 <p class="i18n_options_language_title_tooltip_notes_1">< /p>
87 <p class="i18n_options_language_title_tooltip_notes_2">< /p>
88 </div>
89 </div>
90 </div>
91 </div>
82 <ul id="blocking-languages-table" class="table list"> 92 <ul id="blocking-languages-table" class="table list">
83 <template> 93 <template>
84 <input type="checkbox" class="control" /> 94 <input type="checkbox" class="control" />
85 <span class="display"></span> 95 <span class="display"></span>
86 </template> 96 </template>
87 </ul> 97 </ul>
88 <div class="controls"> 98 <div class="controls">
89 <button data-action="open-dialog" data-dialog="language"> 99 <button data-action="open-dialog" data-dialog="language">
90 <span class="icon icon-add"></span> 100 <span class="icon icon-add"></span>
91 <span class="i18n_options_language_add"></span> 101 <span class="i18n_options_language_add"></span>
92 </button> 102 </button>
93 </div> 103 </div>
94 </div> 104 </div>
95 <div id="further-blocking"> 105 <div id="further-blocking">
96 <p class="option-name"> 106 <div class="option-name">
97 <strong class="i18n_options_furtherBlocking_title"></strong> 107 <strong class="i18n_options_furtherBlocking_title"></strong>
98 <a class="i18n_options_readMore tooltip" target="_blank"></a> 108 <div class="tooltip">
99 </p> 109 <span class="i18n_options_readMore"></span>
110 <div role="tooltip" class="flip-vertical">
111 <img src="skin/tooltips/more.png" alt="" />
112 <p class="i18n_options_furtherBlocking_title_tooltip"></p>
113 </div>
114 </div>
115 </div>
100 <div id="custom-wrapper"> 116 <div id="custom-wrapper">
101 <ul id="recommend-list-table" class="table list"> 117 <ul id="recommend-list-table" class="table list">
102 <template> 118 <template>
103 <input type="checkbox" class=control /> 119 <input type="checkbox" class="control" />
104 <span class="display"></span> 120 <span class="display"></span>
105 <span class="popular"></span> 121 <span class="popular"></span>
106 </template> 122 </template>
107 </ul> 123 </ul>
108 <ul id="custom-list-table" class="table list"> 124 <ul id="custom-list-table" class="table list">
109 <template> 125 <template>
110 <input type="checkbox" class="control" /> 126 <input type="checkbox" class="control" />
111 <span class="display"></span> 127 <span class="display"></span>
112 </template> 128 </template>
113 </ul> 129 </ul>
114 </div> 130 </div>
115 <div class="controls"> 131 <div class="controls">
116 <button data-action="open-dialog" data-dialog="custom"> 132 <button data-action="open-dialog" data-dialog="custom">
117 <span class="icon icon-add"></span> 133 <span class="icon icon-add"></span>
118 <span class="i18n_options_furtherBlocking_add"><span> 134 <span class="i18n_options_furtherBlocking_add"><span>
119 </button> 135 </button>
120 </div> 136 </div>
121 </div> 137 </div>
122 </div> 138 </div>
123 </div> 139 </div>
124 <div> 140 <div>
125 <h1 class="i18n_options_exceptions_title"></h1> 141 <h1 class="i18n_options_exceptions_title"></h1>
126 <div class="flex-container"> 142 <div class="hbox">
127 <div id="acceptable-ads"> 143 <div id="acceptable-ads">
128 <p class="option-name"> 144 <div class="option-name">
129 <strong class="i18n_options_acceptableAds_title"></strong> 145 <strong class="i18n_options_acceptableAds_title"></strong>
130 <a class="i18n_options_readMore tooltip" target="_blank"></a> 146 <div class="tooltip">
131 </p> 147 <span class="i18n_options_readMore"></span>
148 <div role="tooltip">
149 <img src="skin/tooltips/acceptable-ads.png" alt="" />
150 <p class="i18n_options_acceptableAds_title_tooltip_1"></p>
151 <p class="i18n_options_acceptableAds_title_tooltip_2"></p>
152 <p class="i18n_options_acceptableAds_title_tooltip_3"></p>
153 </div>
154 </div>
155 </div>
132 <ul id="acceptableads-table" class="table list"> 156 <ul id="acceptableads-table" class="table list">
133 <template> 157 <template>
134 <input type="checkbox" class="control" /> 158 <input type="checkbox" class="control" />
135 <span class="display"></span> 159 <span class="display"></span>
136 </template> 160 </template>
137 </ul> 161 </ul>
138 </div> 162 </div>
139 <div id="whitelisting"> 163 <div id="whitelisting">
140 <p class="option-name"> 164 <div class="option-name">
141 <strong class="i18n_options_whitelisted_title"></strong> 165 <strong class="i18n_options_whitelisted_title"></strong>
142 <a class="i18n_options_readMore tooltip" target="_blank"></a> 166 <div class="tooltip">
143 </p> 167 <span class="i18n_options_readMore"></span>
168 <div role="tooltip" class="flip-vertical">
169 <img src="skin/tooltips/whitelisted.png" alt="" />
170 <p class="i18n_options_whitelisted_title_tooltip_1"></p>
171 <p class="i18n_options_whitelisted_title_tooltip_2"></p>
172 <div class="notes">
173 <p class="i18n_options_whitelisted_title_tooltip_notes"> </p>
174 </div>
175 </div>
176 </div>
177 </div>
144 <ul id="whitelisting-table" class="table list"> 178 <ul id="whitelisting-table" class="table list">
145 <template> 179 <template>
146 <button class="delete control"></button> 180 <button class="delete control"></button>
147 <span class="display"></span> 181 <span class="display"></span>
148 </template> 182 </template>
149 </ul> 183 </ul>
150 <div class="controls"> 184 <div class="controls">
151 <div> 185 <div>
152 <span class="icon icon-add" data-action="add-domain-exceptio n"></span> 186 <span class="icon icon-add" data-action="add-domain-exceptio n"></span>
153 <input type="text" id="whitelisting-textbox" /> 187 <input type="text" id="whitelisting-textbox" />
(...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after
323 <div class="button-wrapper" data-action="add-predefined-subscription "> 357 <div class="button-wrapper" data-action="add-predefined-subscription ">
324 <span class="icon icon-arrow"></span> 358 <span class="icon icon-arrow"></span>
325 <span class="i18n_options_dialog_predefined_confirm"></span> 359 <span class="i18n_options_dialog_predefined_confirm"></span>
326 </div> 360 </div>
327 </div> 361 </div>
328 </div> 362 </div>
329 </div> 363 </div>
330 </div> 364 </div>
331 </body> 365 </body>
332 </html> 366 </html>
OLDNEW
« no previous file with comments | « locale/en-US/options.json ('k') | skin/options.css » ('j') | skin/options.css » ('J')

Powered by Google App Engine
This is Rietveld