From 425345531cfd9dde428642d93074e6f8ce92682c Mon Sep 17 00:00:00 2001 From: Seth Burkart Date: Tue, 8 Aug 2023 16:35:58 +1000 Subject: [PATCH 1/3] reduce height of topbar --- .DS_Store | Bin 0 -> 6148 bytes src/inject/injected.css | 20 ++++++++++++-------- 2 files changed, 12 insertions(+), 8 deletions(-) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0div>button+div { color: var(--text-primary); - top: 80px; + top: 70px; right: 10px; } @@ -1146,7 +1145,7 @@ body { height: 42px; justify-content: center; right: 47px; - top: 28px; + top: 14px; width: 42px; z-index: 2; } @@ -1436,10 +1435,14 @@ body { #menuToggle { color: var(--text-primary); - top: 23px !important; + top: 0.8rem !important; z-index: 2; } +#AddedSettings { + top: 17.5px !important; +} + .day-empty { font-size: 30px; display: flex; @@ -2019,7 +2022,7 @@ body { color: var(--text-primary); display: flex; min-height: 32px; - height: 100px; + height: 64px; justify-content: space-between; z-index: 10; position: absolute; @@ -2046,6 +2049,7 @@ body { .userInfo { display: flex; align-items: center; + padding-top: 4px; } .userInfoText { @@ -2078,7 +2082,7 @@ body { z-index: 3; position: absolute !important; right: -70px !important; - top: 14px !important; + top: -2px !important; } .userInfosvg::after { @@ -2172,7 +2176,7 @@ body { fill: var(--text-primary); height: 35px; width: 35px; - top: 31px; + top: 17.5px; } .topmenutooltip { From a7eb12e29c822f5fa2b7ad5ad9e5652b0ad32916 Mon Sep 17 00:00:00 2001 From: Seth Burkart Date: Tue, 8 Aug 2023 16:46:21 +1000 Subject: [PATCH 2/3] add rounded corners to topbar menus --- src/inject/injected.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/inject/injected.css b/src/inject/injected.css index c0004e49..fa0df27d 100644 --- a/src/inject/injected.css +++ b/src/inject/injected.css @@ -740,8 +740,15 @@ html { .connectedNotificationsWrapper>div>button+div { color: var(--text-primary); - top: 70px; + top: 80px; right: 10px; + border-radius: 1rem; + box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4); +} + +#ExtensionPopup { + border-radius: 1rem; + box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4); } #menu li.active { @@ -757,7 +764,7 @@ html { } .notifications__items___2hCdv { - border-bottom: unset; + border-bottom: none; height: 540px; display: flex; flex-direction: column; From e2ecb3e7ef7be8ce1589021c07acad775d1a21db Mon Sep 17 00:00:00 2001 From: Seth Burkart Date: Tue, 8 Aug 2023 17:36:24 +1000 Subject: [PATCH 3/3] fix message width --- src/inject/injected.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/inject/injected.css b/src/inject/injected.css index fa0df27d..522c7185 100644 --- a/src/inject/injected.css +++ b/src/inject/injected.css @@ -793,6 +793,11 @@ html { background: unset; } +.MessageList__MessageList___3DxoC ::-webkit-scrollbar { + width: 0px; + background: none; +} + .MessageList__MessageList___3DxoC { background: var(--background-primary); }