Fix: Activity Stream - Add icon ratio

This commit is contained in:
alstjr7375 2024-03-23 00:38:42 +09:00
parent e0b9f19892
commit 10eb374fa1
3 changed files with 23 additions and 5 deletions

12
css/leptonContent.css generated
View file

@ -342,10 +342,14 @@
.top-site-outer .tile {
overflow: hidden;
}
.top-site-outer .tile .icon-wrapper {
.top-site-outer .icon-wrapper {
width: 100% !important; /* Original: 48px */
height: 100% !important; /* Original: 48px */
}
.top-site-outer.add-button .tile .icon-wrapper {
width: 24px !important;
height: 24px !important;
}
}
/** Activity Stream - Animate ***********************************************/
@supports -moz-bool-pref("userContent.newTab.animate") {
@ -3961,10 +3965,14 @@
.top-site-outer .tile {
overflow: hidden;
}
.top-site-outer .tile .icon-wrapper {
.top-site-outer .icon-wrapper {
width: 100% !important; /* Original: 48px */
height: 100% !important; /* Original: 48px */
}
.top-site-outer.add-button .tile .icon-wrapper {
width: 24px !important;
height: 24px !important;
}
}
/** Activity Stream - Animate ***********************************************/
@media (-moz-bool-pref: "userContent.newTab.animate") and (prefers-reduced-motion: no-preference) {

View file

@ -342,10 +342,14 @@
.top-site-outer .tile {
overflow: hidden;
}
.top-site-outer .tile .icon-wrapper {
.top-site-outer .icon-wrapper {
width: 100% !important; /* Original: 48px */
height: 100% !important; /* Original: 48px */
}
.top-site-outer.add-button .tile .icon-wrapper {
width: 24px !important;
height: 24px !important;
}
}
/** Activity Stream - Animate ***********************************************/
@supports -moz-bool-pref("userContent.newTab.animate") {

View file

@ -35,13 +35,19 @@
/** Activity Stream - Web Site Icon: full size ******************************/
@include Option("userContent.newTab.full_icon") {
.top-site-outer .tile {
.top-site-outer {
.tile {
overflow: hidden;
}
.icon-wrapper {
width: 100% !important; /* Original: 48px */
height: 100% !important; /* Original: 48px */
}
&.add-button .tile .icon-wrapper {
width: 24px !important;
height: 24px !important;
}
}
}