From c3156452fabddc3d8ecca93da60b4189624341e0 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 7 Dec 2018 08:03:04 +0200 Subject: [PATCH] Use special extra padding on back-button --- README.md | 2 +- chrome/button_effect_scale_onclick.css | 8 +++++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 5210201..80d9ad4 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ You can import the stylesheets with @-rule import like this: ## Important! -Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. +Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file. # Theme diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css index cac7d3b..07eb75e 100644 --- a/chrome/button_effect_scale_onclick.css +++ b/chrome/button_effect_scale_onclick.css @@ -1,4 +1,7 @@ /* Effect */ + +:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px } + .toolbarbutton-icon, .menuitem-iconic .menu-iconic-icon{ transition: transform 82ms linear !important; @@ -14,7 +17,6 @@ toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > . transform: scale(0.6) !important; } -toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon, -#back-button:not([disabled]):active > .toolbarbutton-icon{ - padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important; +toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{ + padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important; } \ No newline at end of file