summaryrefslogtreecommitdiffstats
path: root/application/palemoon/themes
diff options
context:
space:
mode:
authorwolfbeast <mcwerewolf@gmail.com>2018-06-20 17:57:59 +0200
committerwolfbeast <mcwerewolf@gmail.com>2018-06-20 17:57:59 +0200
commitb5ef99dc4c38ea44bd53c59c610cba6b9f01fe8c (patch)
treeb4578499a1373232a345fedf6ae2084df25eaafe /application/palemoon/themes
parentc850e5ab026ef275d451bf122d6f81e4b0bf6a90 (diff)
downloadUXP-b5ef99dc4c38ea44bd53c59c610cba6b9f01fe8c.tar
UXP-b5ef99dc4c38ea44bd53c59c610cba6b9f01fe8c.tar.gz
UXP-b5ef99dc4c38ea44bd53c59c610cba6b9f01fe8c.tar.lz
UXP-b5ef99dc4c38ea44bd53c59c610cba6b9f01fe8c.tar.xz
UXP-b5ef99dc4c38ea44bd53c59c610cba6b9f01fe8c.zip
Issue #517 Part 4: Fix tile pinning
Diffstat (limited to 'application/palemoon/themes')
-rw-r--r--application/palemoon/themes/linux/newtab/newTab.css44
-rw-r--r--application/palemoon/themes/osx/newtab/newTab.css44
-rw-r--r--application/palemoon/themes/windows/newtab/newTab.css45
3 files changed, 115 insertions, 18 deletions
diff --git a/application/palemoon/themes/linux/newtab/newTab.css b/application/palemoon/themes/linux/newtab/newTab.css
index 9c132892e..794f25a4e 100644
--- a/application/palemoon/themes/linux/newtab/newTab.css
+++ b/application/palemoon/themes/linux/newtab/newTab.css
@@ -145,15 +145,47 @@
line-height: 24px;
}
+.newtab-site[pinned] .newtab-title {
+ padding-inline-start: 24px;
+}
+
+.newtab-site[pinned] .newtab-title::before {
+ background-image: url(chrome://browser/skin/newtab/controls.png);
+ background-position: -74px -1px;
+ content: "";
+ left: 2px;
+ top: 2px;
+ position: absolute;
+ width: 20px;
+ height: 20px;
+}
+
+.newtab-site[pinned] .newtab-title:dir(rtl)::before {
+ left: auto;
+ right: 2px;
+}
+
/* CONTROLS */
.newtab-control {
- width: 24px;
- height: 24px;
- padding: 1px 2px 3px;
+ background-color: transparent;
+ background-size: 24px;
border: none;
+ height: 24px;
+ width: 24px;
+ top: 4px;
background: transparent url(chrome://browser/skin/newtab/controls.png);
}
+.newtab-control-pin:dir(ltr),
+.newtab-control-block:dir(rtl) {
+ left: 4px;
+}
+
+.newtab-control-block:dir(ltr),
+.newtab-control-pin:dir(rtl) {
+ right: 4px;
+}
+
.newtab-control-pin:hover {
background-position: -24px 0;
}
@@ -162,15 +194,15 @@
background-position: -48px 0;
}
-.newtab-control-pin[pinned] {
+.newtab-site[pinned] .newtab-control-pin {
background-position: -72px 0;
}
-.newtab-control-pin[pinned]:hover {
+.newtab-site[pinned] .newtab-control-pin:hover {
background-position: -96px 0;
}
-.newtab-control-pin[pinned]:active {
+.newtab-site[pinned] .newtab-control-pin:active {
background-position: -120px 0;
}
diff --git a/application/palemoon/themes/osx/newtab/newTab.css b/application/palemoon/themes/osx/newtab/newTab.css
index d0403004a..83fb0a767 100644
--- a/application/palemoon/themes/osx/newtab/newTab.css
+++ b/application/palemoon/themes/osx/newtab/newTab.css
@@ -147,15 +147,47 @@
line-height: 24px;
}
+.newtab-site[pinned] .newtab-title {
+ padding-inline-start: 24px;
+}
+
+.newtab-site[pinned] .newtab-title::before {
+ background-image: url(chrome://browser/skin/newtab/controls.png);
+ background-position: -74px -1px;
+ content: "";
+ left: 2px;
+ top: 2px;
+ position: absolute;
+ width: 20px;
+ height: 20px;
+}
+
+.newtab-site[pinned] .newtab-title:dir(rtl)::before {
+ left: auto;
+ right: 2px;
+}
+
/* CONTROLS */
.newtab-control {
- width: 24px;
- height: 24px;
- padding: 1px 2px 3px;
+ background-color: transparent;
+ background-size: 24px;
border: none;
+ height: 24px;
+ width: 24px;
+ top: 4px;
background: transparent url(chrome://browser/skin/newtab/controls.png);
}
+.newtab-control-pin:dir(ltr),
+.newtab-control-block:dir(rtl) {
+ left: 4px;
+}
+
+.newtab-control-block:dir(ltr),
+.newtab-control-pin:dir(rtl) {
+ right: 4px;
+}
+
.newtab-control-pin:hover {
background-position: -24px 0;
}
@@ -164,15 +196,15 @@
background-position: -48px 0;
}
-.newtab-control-pin[pinned] {
+.newtab-site[pinned] .newtab-control-pin {
background-position: -72px 0;
}
-.newtab-control-pin[pinned]:hover {
+.newtab-site[pinned] .newtab-control-pin:hover {
background-position: -96px 0;
}
-.newtab-control-pin[pinned]:active {
+.newtab-site[pinned] .newtab-control-pin:active {
background-position: -120px 0;
}
diff --git a/application/palemoon/themes/windows/newtab/newTab.css b/application/palemoon/themes/windows/newtab/newTab.css
index d0403004a..ec1112c9b 100644
--- a/application/palemoon/themes/windows/newtab/newTab.css
+++ b/application/palemoon/themes/windows/newtab/newTab.css
@@ -147,15 +147,47 @@
line-height: 24px;
}
+.newtab-site[pinned] .newtab-title {
+ padding-inline-start: 24px;
+}
+
+.newtab-site[pinned] .newtab-title::before {
+ background-image: url(chrome://browser/skin/newtab/controls.png);
+ background-position: -74px -1px;
+ content: "";
+ left: 2px;
+ top: 2px;
+ position: absolute;
+ width: 20px;
+ height: 20px;
+}
+
+.newtab-site[pinned] .newtab-title:dir(rtl)::before {
+ left: auto;
+ right: 2px;
+}
+
/* CONTROLS */
.newtab-control {
- width: 24px;
- height: 24px;
- padding: 1px 2px 3px;
+ background-color: transparent;
+ background-size: 24px;
border: none;
+ height: 24px;
+ width: 24px;
+ top: 4px;
background: transparent url(chrome://browser/skin/newtab/controls.png);
}
+.newtab-control-pin:dir(ltr),
+.newtab-control-block:dir(rtl) {
+ left: 4px;
+}
+
+.newtab-control-block:dir(ltr),
+.newtab-control-pin:dir(rtl) {
+ right: 4px;
+}
+
.newtab-control-pin:hover {
background-position: -24px 0;
}
@@ -164,15 +196,15 @@
background-position: -48px 0;
}
-.newtab-control-pin[pinned] {
+.newtab-site[pinned] .newtab-control-pin {
background-position: -72px 0;
}
-.newtab-control-pin[pinned]:hover {
+.newtab-site[pinned] .newtab-control-pin:hover {
background-position: -96px 0;
}
-.newtab-control-pin[pinned]:active {
+.newtab-site[pinned] .newtab-control-pin:active {
background-position: -120px 0;
}
@@ -187,3 +219,4 @@
.newtab-control-block:active {
background-position: -192px 0;
}
+