| Index: new-options.html |
| =================================================================== |
| --- a/new-options.html |
| +++ b/new-options.html |
| @@ -30,15 +30,16 @@ |
| </head> |
| <body data-tab="general"> |
| <!-- Navigation sidebar --> |
| - <div id="nav-sidebar"> |
| - <div id="fixed-sidebar" class="fixed"> |
| - <header id="page-title"> |
| - <p class="i18n_options_page_header_1"></p> |
| - <h1 class="i18n_options_page_header_2"></h1> |
| + <div id="sidebar"> |
| + <div class="fixed"> |
| + <header> |
| + <img id="sidebar-logo" src="skin/abp-logo.svg"> |
| + <h1 class="i18n_options_page_title_1"></h1> |
| + <p class="i18n_options_page_title_2"></p> |
|
juliandoucette
2017/08/16 23:42:31
NIT: ~"Settings" is not a paragraph. I suggest usi
saroyanm
2017/08/18 10:23:12
I agree.
saroyanm
2017/08/18 12:44:27
I tried that solution, but the markup and implemen
juliandoucette
2017/08/21 13:06:39
Acknowledged.
I think <p> is better than <h2> her
|
| </header> |
| <nav> |
| - <ul id="nav-tablist" class="tabs vertical" |
| + <ul class="tabs" |
| role="tablist" data-action="switch-tab" |
| data-keys="ArrowLeft ArrowUp ArrowRight ArrowDown"> |
| <li id="tab-general" role="tab" data-tab="general" |
| @@ -61,23 +62,15 @@ |
| </li> |
| </ul> |
| </nav> |
| - |
| - <a id="link-version"> |
| - <span class="i18n_options_version"></span> |
| - <span id="abp-version"></span> |
| - </a> |
| - |
| <footer> |
| - <ul class="tabs vertical bottom" data-action="open-doclink" |
| - data-keys="Enter"> |
| - <li id="tab-share" data-doclink="share-general" tabindex="0"> |
| - <span class="i18n_options_tab_share"></span> |
| - </li> |
| - <li id="tab-contribute" data-doclink="contribute" tabindex="0"> |
| - <span class="i18n_options_tab_contribute"></span> |
| - </li> |
| - </ul> |
| - </footer> |
| + <p> |
| + <a id="contribute" class="i18n_options_footer_contribute button secondary" |
|
juliandoucette
2017/08/16 23:42:31
I think we should add an external link icon to thi
saroyanm
2017/08/18 10:49:29
Right, but as mentioned in several places in curre
juliandoucette
2017/08/18 11:17:04
Acknowledged.
|
| + target="_blank"></a> |
| + </p> |
| + <p> |
| + <button id="about" class="i18n_options_footer_about" data-action="open-dialog" data-dialog="about"></button> |
|
juliandoucette
2017/08/16 23:42:31
I think that this link is very misleading. It look
saroyanm
2017/08/18 10:49:29
Same as above.
juliandoucette
2017/08/18 11:17:04
Acknowledged.
|
| + </p> |
| + </footer> |
| </div> |
| </div> |
| <div id="content"> |
| @@ -328,6 +321,7 @@ |
| <div id="dialog" role="dialog" aria-hidden="true"> |
| <header> |
| <span id="dialog-title"> |
| + <span id="dialog-title-about" class="i18n_options_dialog_about_title"></span> |
| <span id="dialog-title-custom" class="i18n_options_dialog_custom_title"></span> |
| <span id="dialog-title-language-add" class="i18n_options_dialog_language_title"></span> |
| <span id="dialog-title-language-change" class="i18n_options_dialog_language_title"></span> |
| @@ -336,6 +330,14 @@ |
| <button id="dialog-close" class="i18n_options_close focus-first" data-action="close-dialog"></button> |
| </header> |
| <div id="dialog-body" class="content"> |
| + <!-- About Adblock Plus --> |
| + <div id="dialog-content-about" class="dialog-content"> |
|
saroyanm
2017/08/10 12:04:48
Styles for Dialog is missing, I'll create separate
juliandoucette
2017/08/16 23:42:31
Acknowledged.
|
| + <p id="abp-version"></p> |
| + <p class="i18n_options_dialog_about_copyright"></p> |
| + <p> |
| + <button class="i18n_options_close primary" data-action="close-dialog"></button> |
|
saroyanm
2017/08/10 12:04:48
I'll update all other buttons to primary or second
juliandoucette
2017/08/16 23:42:31
Acknowledged.
|
| + </p> |
| + </div> |
| <!-- Add language subscription --> |
| <div id="dialog-content-language-add" class="dialog-content"> |
| <ul id="all-lang-table-add" class="table list"> |