filippodb/LocalCDN-Firefox-Chrome-Brave
1
0
Fork 0
mirror of https://codeberg.org/nobody/LocalCDN.git synced 2025-06-05 21:49:31 +02:00
Code Issues Projects Releases Wiki Activity

Small cosmetic improvements in the popup

Browse Source
This commit is contained in:
nobody
2020-07-01 08:19:58 +02:00
parent 603b1f8175
commit 07a06b63c1
3 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
pages/popup/popup.css
View File

@@ -20,6 +20,7 @@ header {
display: flex; display: flex;
position: relative; position: relative;
padding: 8px 15px 8px 4px; padding: 8px 15px 8px 4px;
justify-content: space-between;
} }
.panel { .panel {
@@ -87,7 +88,8 @@ footer {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
padding-left: 0; padding-left: 0;
width: 100%; display: flex;
align-items: center;
} }
.subheading { .subheading {
@@ -148,7 +150,7 @@ footer {
#get-more-injections-btn, #label-donate { #get-more-injections-btn, #label-donate {
cursor: pointer; cursor: pointer;
background-color: #f0f0f0; background-color: #f0f0f0;
color: #737373; color: #555;
font-weight: 600; font-weight: 600;
margin: 0px 5px; margin: 0px 5px;
} }
@@ -235,6 +237,10 @@ footer {
background-image: url("../../icons/settings-dark.svg"); background-image: url("../../icons/settings-dark.svg");
} }
#options-button:hover {
filter: contrast(.5);
}
#donate-button-svg { #donate-button-svg {
background-image: url("../../icons/donate.svg"); background-image: url("../../icons/donate.svg");
} }
@@ -300,6 +306,14 @@ input:checked + .slider:before {
cursor: not-allowed; cursor: not-allowed;
} }
.slider:hover {
background-color: #7e0000;
}
input:checked + .slider:hover {
background-color: #4b806a;
}
#info-button-svg { #info-button-svg {
background-image: url("../../icons/info-dark.svg"); background-image: url("../../icons/info-dark.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -345,6 +359,7 @@ input:checked + .slider:before {
.label-version { .label-version {
color: #6aac91; color: #6aac91;
font-size: 9px; font-size: 9px;
margin: 0px 0px 5px 2px;
} }
.label-domain { .label-domain {

4
pages/popup/popup.html
View File

@@ -12,8 +12,10 @@
<script src="../../modules/internal/helpers.js"></script> <script src="../../modules/internal/helpers.js"></script>
<script src="popup.js"></script> <script src="popup.js"></script>
<header> <header>
<div class="heading">
<img class="icon-logo" src="../../icons/icon.svg" alt="Extension Icon"> <img class="icon-logo" src="../../icons/icon.svg" alt="Extension Icon">
<div class="heading"><span id="name-label"></span> <sup id="version-label" class="label-version"></sup></div> <span id="name-label"></span> <sup id="version-label" class="label-version"></sup>
</div>
<div id="donate-button"> <div id="donate-button">
<p id="label-donate" data-i18n-content="labelDonate">Donate</p> <p id="label-donate" data-i18n-content="labelDonate">Donate</p>
<div id="donate-button-svg"></div> <div id="donate-button-svg"></div>

1
pages/updates/updates.html
View File

@@ -27,6 +27,7 @@
<li>Fixed bug in toggle of HTML filter (<a href="https://codeberg.org/nobody/LocalCDN/issues/33">#33</a>)</li> <li>Fixed bug in toggle of HTML filter (<a href="https://codeberg.org/nobody/LocalCDN/issues/33">#33</a>)</li>
<li>Updated i18n</li> <li>Updated i18n</li>
<li>Implemented: Instant update of domain lists on the options page (reported by email)</li> <li>Implemented: Instant update of domain lists on the options page (reported by email)</li>
<li>Small cosmetic improvements in the popup</li>
</ul> </ul>
<div class="topic-label"> <div class="topic-label">
Generate rule sets for uBlock or uMatrix Generate rule sets for uBlock or uMatrix