Mirrors/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2024-11-07 03:12:33 +01:00
Code Issues Releases Wiki Activity

minor epicker dialog restyling

Browse Source
This commit is contained in:
gorhill 2015-05-26 08:43:46 -04:00
parent 72c930ddff
commit b94d05d14f
4 changed files with 39 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/background.html
View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>uBlock</title> <title>uBlock Origin</title>
</head> </head>
<body> <body>
<script src="lib/punycode.js"></script> <script src="lib/punycode.js"></script>

2
src/css/logger-ui.css
View File

@ -342,7 +342,7 @@ body[dir="rtl"] #popupContainer > div {
} }
#urlFilteringMenu .dialog > table.toolbar select { #urlFilteringMenu .dialog > table.toolbar select {
font: 14px; font: 14px;
height: 1.8em; height: 2em;
} }
#urlFilteringMenu .dialog > table.toolbar .fa { #urlFilteringMenu .dialog > table.toolbar .fa {
cursor: pointer; cursor: pointer;

63
src/epicker.html
View File

@ -19,57 +19,59 @@ ul {
margin: 0.25em 0 0 0; margin: 0.25em 0 0 0;
} }
button { button {
margin: 0 0 0 2px; background-color: #ccc;
border: 1px solid #aaa; border: 1px solid #aaa;
padding: 4px 6px; border-radius: 3px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: none; box-shadow: none;
border-radius: 3px; color: #000;
color: #444;
background-color: #ccc;
cursor: pointer; cursor: pointer;
margin: 0 0 0 2px;
opacity: 0.7;
padding: 4px 6px;
} }
button:hover { button:first-of-type {
background-color: #eee; margin-left: 0;
} }
button:disabled { button:disabled {
color: #999; color: #999;
background-color: #ccc; background-color: #ccc;
} }
button:not(:disabled):hover {
opacity: 1;
}
#create:not(:disabled) { #create:not(:disabled) {
background-color: #ffdca8; background-color: #ffdca8;
} }
aside {
background-color: #eee;
}
section { section {
border: 1px solid #ccc; border: 0;
box-sizing: border-box; box-sizing: border-box;
display: inline-block; display: inline-block;
height: 8em;
position: relative; position: relative;
width: 100%; width: 100%;
} }
textarea { section > textarea {
background-color: #fff; background-color: #fff;
border: 0; border: 1px solid #ccc;
box-sizing: border-box; box-sizing: border-box;
font: 11px monospace; font: 11px monospace;
height: 100%; height: 6em;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
resize: none; resize: none;
width: 100%; width: 100%;
} }
div { section > div {
bottom: 1px;
direction: ltr; direction: ltr;
opacity: 1; margin: 2px 0;
text-align: right;
}
section > div > span:last-of-type {
position: absolute; position: absolute;
right: 1px; right: 0;
}
textarea:focus + div {
opacity: 0.2;
}
textarea:focus + div:hover {
opacity: 1;
} }
ul { ul {
padding: 0; padding: 0;
@ -77,8 +79,12 @@ ul {
text-align: left; text-align: left;
overflow: hidden; overflow: hidden;
} }
body > ul > li { aside > ul {
padding-top: 3px; height: 12em;
overflow-y: auto;
}
aside > ul > li:first-of-type {
margin-bottom: 0.5em;
} }
ul > li > span:nth-of-type(1) { ul > li > span:nth-of-type(1) {
font-weight: bold; font-weight: bold;
@ -101,7 +107,7 @@ ul > li > ul > li {
direction: ltr; direction: ltr;
} }
ul > li > ul > li:hover { ul > li > ul > li:hover {
background-color: rgba(255,255,255,1); background-color: white;
} }
svg { svg {
position: fixed; position: fixed;
@ -124,7 +130,6 @@ svg > path + path {
fill: rgba(255,31,31,0.25); fill: rgba(255,31,31,0.25);
} }
aside { aside {
background-color: rgba(255,255,255,0.9);
bottom: 4px; bottom: 4px;
padding: 4px; padding: 4px;
display: none; display: none;
@ -147,7 +152,11 @@ body.paused > aside:hover {
<aside> <aside>
<section> <section>
<textarea lang="en" dir="ltr" spellcheck="false"></textarea> <textarea lang="en" dir="ltr" spellcheck="false"></textarea>
<div><button id="create" type="button" disabled="disabled">{{create}}</button><button id="pick" type="button">{{pick}}</button><button id="quit" type="button">{{quit}}</button></div> <div><!--
--><button id="create" type="button" disabled="disabled">{{create}}</button><!--
--><button id="pick" type="button">{{pick}}</button><!--
--><button id="quit" type="button">{{quit}}</button><!--
--></div>
</section> </section>
<ul> <ul>
<li id="netFilters"> <li id="netFilters">

2
src/js/url-net-filtering.js
View File

@ -347,7 +347,7 @@ URLNetFiltering.prototype.copyRules = function(other, context, urls, type) {
/******************************************************************************/ /******************************************************************************/
// "url-filtering:" hostname url action // "url-filtering:" hostname url type action
URLNetFiltering.prototype.toString = function() { URLNetFiltering.prototype.toString = function() {
var out = []; var out = [];