Dedupe fillRight, fillLeft styles

63b4896d5657a844b7a2c9f7e78b05cbd88ef23d

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 4361559aa16601c45b8f356c494bc962f5954e37

public/style.css+9 -27 Viewed

     position: fixed;
+}
 .fillLeft {,
 +.fillRight {
     width: calc((100vw - var(--sheldWidth) - 2px) /2);
     width: calc((100dvw - var(--sheldWidth) - 2px) /2);
 -    height: 0;
     max-height: calc(100vh - var(--topBarBlockSize));
     max-height: calc(100dvh - var(--topBarBlockSize));
 +    height: 0;
     position: fixed;
     top: 0;
     margin: 0;
 -    left: 0;
 -    right: auto;
 -    border-radius: 10px;
     box-shadow: none;
     overflow: hidden;
     flex-flow: column;
 -    border: 1px solid var(--SmartThemeBorderColor);
 +    min-width: 100px;
 +}
++
 +.fillLeft {
 +    left: 0;
 +    right: auto;
+}
 .fillRight {
 -    width: calc((100vw - var(--sheldWidth) - 2px) /2);
 -    width: calc((100dvw - var(--sheldWidth) - 2px) /2);
 -    max-height: calc(100vh - var(--topBarBlockSize));
 -    max-height: calc(100dvh - var(--topBarBlockSize));
 -    height: 0;
 -    position: fixed;
 -    top: 0;
 -    margin: 0;
     right: 0;
     left: calc(100% - var(--sheldWidth) /2 + var(--sheldWidth) +1px);
 -    padding: 5px;
 -    margin-bottom: 5px;
 -    backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)));
 -    background-color: var(--SmartThemeBlurTintColor);
 -    -webkit-backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)));
     z-index: 3000;
+-
 -    border: 1px solid var(--SmartThemeBorderColor);
+-
 -    box-shadow: none;
 -    border-radius: 10px;
 -    overflow: hidden;
 -    flex-flow: column;
 -    min-width: 100px;
+}
 .fillLeft.openDrawer,