From ea7e281f37a6e903cf50551eef5358ec5a58aeb1 Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Sun, 9 Apr 2023 12:39:39 +0200 Subject: [PATCH] Update SettingsModal.css --- Themes/SettingsModal/SettingsModal.css | 22 ++++++++++------------ 1 file changed, 10 insertions(+), 12 deletions(-) diff --git a/Themes/SettingsModal/SettingsModal.css b/Themes/SettingsModal/SettingsModal.css index 4fcaedca85..8f61974719 100644 --- a/Themes/SettingsModal/SettingsModal.css +++ b/Themes/SettingsModal/SettingsModal.css @@ -47,6 +47,7 @@ overflow: hidden !important; contain: unset !important; z-index: 1000 !important; + --settingsiconsadditionalsize: var(--use-settingsicons, 0) * (var(--settingsicons-size, 0px) + var(--settingsicons-gap, 0px)); } #app-mount .layer-86YKbF ~ .layer-86YKbF > div, #app-mount .layer-86YKbF ~ .layer-86YKbF .standardSidebarView-E9Pc3j { @@ -70,7 +71,7 @@ padding: 20px 40px !important; } #app-mount .layer-86YKbF ~ .layer-86YKbF .repo-k8F4Sd { - max-width: calc(var(--settingsmodalwidth) - 260px) !important; + max-width: calc(var(--settingsmodalwidth) - 226px - var(--settingsiconsadditionalsize)) !important; } #app-mount .layer-86YKbF ~ .layer-86YKbF .repoHeader-2KfNvH { padding-bottom: 0 !important; @@ -119,12 +120,9 @@ #app-mount .layer-86YKbF ~ .layer-86YKbF .settingsToolbar-wu4yfQ { display: none !important; } -#app-mount .layer-86YKbF ~ .layer-86YKbF .header-2Kx1US { - max-width: calc(var(--settingsmodalwidth) - 730px) !important; -} #app-mount .layer-86YKbF ~ .layer-86YKbF .accountProfileCard-lbN7n- { - max-width: calc(var(--settingsmodalwidth) - 356px) !important; + max-width: calc(var(--settingsmodalwidth) - 322px - var(--settingsiconsadditionalsize)) !important; } #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm { gap: 30px !important; @@ -132,20 +130,20 @@ #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm .sectionsContainer-3BlPu4, #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm .editor-328F1U, #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm .preview-sMYs9f { - min-width: calc((var(--settingsmodalwidth) - 356px) / 2) !important; - max-width: calc((var(--settingsmodalwidth) - 356px) / 2) !important; + min-width: calc((var(--settingsmodalwidth) - 322px - var(--settingsiconsadditionalsize)) / 2) !important; + max-width: calc((var(--settingsmodalwidth) - 322px - var(--settingsiconsadditionalsize)) / 2) !important; } #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm.tryItOutLayout-2ypO8Z .sectionsContainer-3BlPu4, #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm.tryItOutLayout-2ypO8Z .editor-328F1U, #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm.tryItOutLayout-2ypO8Z .preview-sMYs9f { - min-width: calc((var(--settingsmodalwidth) - 372px) / 2) !important; - max-width: calc((var(--settingsmodalwidth) - 372px) / 2) !important; + min-width: calc((var(--settingsmodalwidth) - 338px - var(--settingsiconsadditionalsize)) / 2) !important; + max-width: calc((var(--settingsmodalwidth) - 338px - var(--settingsiconsadditionalsize)) / 2) !important; } #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm .preview-sMYs9f .userPopoutOuter-1OHwPL { - width: calc((var(--settingsmodalwidth) - 356px) / 2) !important; + width: calc((var(--settingsmodalwidth) - 322px - var(--settingsiconsadditionalsize)) / 2) !important; } #app-mount .layer-86YKbF ~ .layer-86YKbF .baseLayout-1_9QRm.tryItOutLayout-2ypO8Z .preview-sMYs9f .userPopoutOuter-1OHwPL { - width: calc((var(--settingsmodalwidth) - 356px) / 2) !important; + width: calc((var(--settingsmodalwidth) - 322px - var(--settingsiconsadditionalsize)) / 2) !important; } #app-mount .layer-86YKbF ~ .layer-86YKbF .profileCustomizationSection-53kreU .baseLayout-1_9QRm .preview-sMYs9f .userPopoutOuter-1OHwPL, #app-mount .layer-86YKbF ~ .layer-86YKbF .baseLayout-1_9QRm.tryItOutLayout-2ypO8Z .preview-sMYs9f .userPopoutOuter-1OHwPL { @@ -157,7 +155,7 @@ } #app-mount .layer-86YKbF ~ .layer-86YKbF .settingsContainer-36qZZ9, #app-mount .layer-86YKbF ~ .layer-86YKbF .guildsSection-30CJxX { - max-width: calc(var(--settingsmodalwidth) - 356px) !important; + max-width: calc(var(--settingsmodalwidth) - 322px - var(--settingsiconsadditionalsize)) !important; } #app-mount .root-2zfUH6 {