Update SettingsModal.css

This commit is contained in:
Mirco Wittrien 2023-04-09 12:39:39 +02:00
parent 80ac2be81f
commit ea7e281f37
1 changed files with 10 additions and 12 deletions

View File

@ -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 {