From 07c6b20c19de78730e01bf628e2d24f5b673ce27 Mon Sep 17 00:00:00 2001 From: rydesun Date: Sun, 18 Dec 2022 16:09:34 +0800 Subject: [PATCH] Update firefox css --- .mozilla/firefox/profile/chrome/color.css | 2 +- .../profile/chrome/userChrome/sidebar.css | 6 ++--- .../profile/chrome/userChrome/topbar.css | 24 +++++++++++++++---- 3 files changed, 24 insertions(+), 8 deletions(-) diff --git a/.mozilla/firefox/profile/chrome/color.css b/.mozilla/firefox/profile/chrome/color.css index 9a616eb..7bf434b 100644 --- a/.mozilla/firefox/profile/chrome/color.css +++ b/.mozilla/firefox/profile/chrome/color.css @@ -1,4 +1,4 @@ :root { --color-background-dark: #1c1b22; - --color-shadow: grey; + --color-shadow: black; } diff --git a/.mozilla/firefox/profile/chrome/userChrome/sidebar.css b/.mozilla/firefox/profile/chrome/userChrome/sidebar.css index 3065287..e46d382 100644 --- a/.mozilla/firefox/profile/chrome/userChrome/sidebar.css +++ b/.mozilla/firefox/profile/chrome/userChrome/sidebar.css @@ -13,12 +13,12 @@ > #sidebar:hover { min-width: 200px !important; max-width: 200px !important; - box-shadow: 1px 0 8px var(--color-shadow); + box-shadow: 0 0 10px var(--color-shadow); } #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar { - transition: all 200ms; - box-shadow: 1px 0 ThreeDShadow; + transition: all 200ms ease-in-out; + clip-path: inset(0px -10px); } /* 隐藏Sidebery侧边栏的头部 */ diff --git a/.mozilla/firefox/profile/chrome/userChrome/topbar.css b/.mozilla/firefox/profile/chrome/userChrome/topbar.css index c3e0f2a..6f0b61e 100644 --- a/.mozilla/firefox/profile/chrome/userChrome/topbar.css +++ b/.mozilla/firefox/profile/chrome/userChrome/topbar.css @@ -15,7 +15,23 @@ /* 减小工具栏的高度 */ #nav-bar { - max-height: 26px !important; + max-height: 25px !important; +} + +/* 只在Hover时显示地址栏右侧的扩展图标 */ +#nav-bar:not(:hover) #urlbar-container ~ .toolbaritem-combined-buttons { + opacity: 0; + transition-delay: 400ms; +} +#nav-bar #urlbar-container ~ .toolbaritem-combined-buttons { + transition: opacity 200ms; +} +#nav-bar:not(:hover) #page-action-buttons { + max-width: 0; +} +#nav-bar #page-action-buttons { + max-width: 9999px; + transition: max-width 1s ease-in-out; } /* 修改地址栏的边框,以适应窄的工具栏高度 */ @@ -27,7 +43,7 @@ border-radius: unset !important; } -/* 隐藏地址栏内部的容器图标 */ -#urlbar .identity-icon-fingerprint { - display: none; +/* 地址栏内部左侧的盒子 */ +#urlbar #identity-box { + margin: 2px 8px; }