wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-10-22 15:17:29 +09:00
Code Issues Projects Releases Packages Wiki Activity

Issue #517 Part 4: Fix tile pinning

Browse source
This commit is contained in:
wolfbeast 2018-06-20 17:57:59 +02:00 • committed by Roy Tam
commit 9e4b377ea1
3 changed files with 115 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

44
application/palemoon/themes/linux/newtab/newTab.css
View file

@ -145,15 +145,47 @@
line-height: 24px; 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 */ /* CONTROLS */
.newtab-control { .newtab-control {
width: 24px; background-color: transparent;
height: 24px; background-size: 24px;
padding: 1px 2px 3px;
border: none; border: none;
height: 24px;
width: 24px;
top: 4px;
background: transparent url(chrome://browser/skin/newtab/controls.png); 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 { .newtab-control-pin:hover {
background-position: -24px 0; background-position: -24px 0;
} }
@ -162,15 +194,15 @@
background-position: -48px 0; background-position: -48px 0;
} }
.newtab-control-pin[pinned] { .newtab-site[pinned] .newtab-control-pin {
background-position: -72px 0; background-position: -72px 0;
} }
.newtab-control-pin[pinned]:hover { .newtab-site[pinned] .newtab-control-pin:hover {
background-position: -96px 0; background-position: -96px 0;
} }
.newtab-control-pin[pinned]:active { .newtab-site[pinned] .newtab-control-pin:active {
background-position: -120px 0; background-position: -120px 0;
} }

44
application/palemoon/themes/osx/newtab/newTab.css
View file

@ -147,15 +147,47 @@
line-height: 24px; 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 */ /* CONTROLS */
.newtab-control { .newtab-control {
width: 24px; background-color: transparent;
height: 24px; background-size: 24px;
padding: 1px 2px 3px;
border: none; border: none;
height: 24px;
width: 24px;
top: 4px;
background: transparent url(chrome://browser/skin/newtab/controls.png); 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 { .newtab-control-pin:hover {
background-position: -24px 0; background-position: -24px 0;
} }
@ -164,15 +196,15 @@
background-position: -48px 0; background-position: -48px 0;
} }
.newtab-control-pin[pinned] { .newtab-site[pinned] .newtab-control-pin {
background-position: -72px 0; background-position: -72px 0;
} }
.newtab-control-pin[pinned]:hover { .newtab-site[pinned] .newtab-control-pin:hover {
background-position: -96px 0; background-position: -96px 0;
} }
.newtab-control-pin[pinned]:active { .newtab-site[pinned] .newtab-control-pin:active {
background-position: -120px 0; background-position: -120px 0;
} }

45
application/palemoon/themes/windows/newtab/newTab.css
View file

@ -147,15 +147,47 @@
line-height: 24px; 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 */ /* CONTROLS */
.newtab-control { .newtab-control {
width: 24px; background-color: transparent;
height: 24px; background-size: 24px;
padding: 1px 2px 3px;
border: none; border: none;
height: 24px;
width: 24px;
top: 4px;
background: transparent url(chrome://browser/skin/newtab/controls.png); 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 { .newtab-control-pin:hover {
background-position: -24px 0; background-position: -24px 0;
} }
@ -164,15 +196,15 @@
background-position: -48px 0; background-position: -48px 0;
} }
.newtab-control-pin[pinned] { .newtab-site[pinned] .newtab-control-pin {
background-position: -72px 0; background-position: -72px 0;
} }
.newtab-control-pin[pinned]:hover { .newtab-site[pinned] .newtab-control-pin:hover {
background-position: -96px 0; background-position: -96px 0;
} }
.newtab-control-pin[pinned]:active { .newtab-site[pinned] .newtab-control-pin:active {
background-position: -120px 0; background-position: -120px 0;
} }
@ -187,3 +219,4 @@
.newtab-control-block:active { .newtab-control-block:active {
background-position: -192px 0; background-position: -192px 0;
} }