mirror of https://github.com/gorhill/uBlock.git
hopefully this fixes #1053
This commit is contained in:
gorhill
parent
0e22af516f
commit
669850821a
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
<body>
|
||||
|
||||
<h2 id="aboutNameVer"></h2>
|
||||
<p id="aboutNameVer"></p>
|
||||
<ul>
|
||||
<li><a href="https://github.com/gorhill/uBlock/releases" data-i18n="aboutChangelog"></a>
|
||||
<li><a href="https://github.com/gorhill/uBlock/wiki" data-i18n="aboutWiki"></a>
|
||||
|
|
|
|||
|
|
@ -2,9 +2,6 @@ ul {
|
|||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
#options {
|
||||
margin-top: 0;
|
||||
}
|
||||
#options li {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
|
@ -45,12 +42,14 @@ li.listEntry {
|
|||
margin: 0 auto 0 auto;
|
||||
margin-left: 1em;
|
||||
margin-right: 0em;
|
||||
text-indent: -2em;
|
||||
}
|
||||
body[dir=rtl] li.listEntry {
|
||||
margin-left: 0em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
li.listEntry > * {
|
||||
text-indent: 0;
|
||||
unicode-bidi: embed;
|
||||
}
|
||||
li.listEntry > a:nth-of-type(2) {
|
||||
|
|
@ -90,10 +89,12 @@ button.custom.reloadAll:not(.disabled) {
|
|||
}
|
||||
#buttonApply {
|
||||
display: initial;
|
||||
margin: 1em 0;
|
||||
padding: 1em;
|
||||
position: fixed;
|
||||
right: 1em;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
body[dir=rtl] #buttonApply {
|
||||
right: auto;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0 0.5em 5em 0.5em;
|
||||
padding: 0 0.5em 0.5em 0.5em;
|
||||
font: 14px sans-serif;
|
||||
}
|
||||
h2, h3 {
|
||||
|
|
@ -10,9 +10,6 @@ h2, h3 {
|
|||
h2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
h2:nth-of-type(1) {
|
||||
margin-top: 0;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,10 +12,8 @@ html, body {
|
|||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
height: 50px;
|
||||
z-index: 10;
|
||||
}
|
||||
#dashboard-nav-widgets {
|
||||
|
|
@ -30,20 +28,20 @@ html, body {
|
|||
font-size: larger;
|
||||
}
|
||||
.tabButton {
|
||||
margin: 0;
|
||||
background-color: #eee;
|
||||
border: 1px solid #ccc;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 4px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
color: black;
|
||||
background-color: #eee;
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
padding: 4px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
top: 1px;
|
||||
}
|
||||
.tabButton:focus {
|
||||
outline: 0;
|
||||
|
|
@ -52,7 +50,6 @@ html, body {
|
|||
color: inherited;
|
||||
}
|
||||
.tabButton.selected {
|
||||
border-bottom: 1px solid white;
|
||||
background-color: white;
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
|
@ -62,8 +59,23 @@ iframe {
|
|||
padding: 0;
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-top: 50px solid transparent;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#dashboard-nav {
|
||||
position: relative;
|
||||
}
|
||||
#dashboard-nav-widgets {
|
||||
padding: 0;
|
||||
}
|
||||
[data-i18n="extName"] {
|
||||
display: none;
|
||||
}
|
||||
.tabButton {
|
||||
border-top: 0;
|
||||
display: block;
|
||||
}
|
||||
.tabButton.selected {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<iframe src=""></iframe>
|
||||
<iframe id="iframe" src=""></iframe>
|
||||
|
||||
<script src="js/vapi-common.js"></script>
|
||||
<script src="js/udom.js"></script>
|
||||
|
|
|
|||
|
|
@ -20,12 +20,21 @@
|
|||
*/
|
||||
|
||||
/* global uDom */
|
||||
'use strict';
|
||||
|
||||
/******************************************************************************/
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
/******************************************************************************/
|
||||
|
||||
var resizeFrame = function() {
|
||||
var navRect = document.getElementById('dashboard-nav').getBoundingClientRect();
|
||||
var viewRect = document.documentElement.getBoundingClientRect();
|
||||
document.getElementById('iframe').style.setProperty('height', (viewRect.height - navRect.height) + 'px');
|
||||
};
|
||||
|
||||
/******************************************************************************/
|
||||
|
||||
var loadDashboardPanel = function(tab, q) {
|
||||
|
|
@ -49,6 +58,9 @@ var onTabClickHandler = function(e) {
|
|||
/******************************************************************************/
|
||||
|
||||
uDom.onLoad(function() {
|
||||
window.addEventListener('resize', resizeFrame);
|
||||
resizeFrame();
|
||||
|
||||
var matches = window.location.search.slice(1).match(/\??(tab=([^&]+))?(.*)$/);
|
||||
var tab = '', q = '';
|
||||
if ( matches && matches.length === 4 ) {
|
||||
|
|
|
|||
|
|
@ -9,6 +9,9 @@
|
|||
ul {
|
||||
padding-left: 1em;
|
||||
}
|
||||
ul#userSettings {
|
||||
padding-left: 0;
|
||||
}
|
||||
li {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue