improved PopupWindow drawer UI
authorunknown <ajbura@gmail.com>
Sat, 31 Jul 2021 12:15:33 +0000 (17:45 +0530)
committerunknown <ajbura@gmail.com>
Sat, 31 Jul 2021 12:15:33 +0000 (17:45 +0530)
src/app/molecules/popup-window/PopupWindow.scss

index fe6b72ec80d481ea1d9226c66de843b5ce77d9e8..8f4cc1af01835ac7e7bf0d1edc9e98dd4871e94e 100644 (file)
 
 .pw__drawer {
   & .header {
-    padding-left: var(--sp-extra-tight);
-
-    & .ic-btn-surface:first-child {
-      margin-right: var(--sp-ultra-tight);
+    padding-left: var(--sp-tight);
+    & .header__title-wrapper {
+      margin: 0 var(--sp-extra-tight);
     }
-
     [dir=rtl] & {
-        padding-right: var(--sp-extra-tight);
-      & .ic-btn-surface:first-child {
-        margin-right: 0;
-        margin-left: var(--sp-ultra-tight);
-      }
+        padding-right: var(--sp-tight);
     }
   }
 }
 
 .pw-content-selector {
+  margin: 0 var(--sp-extra-tight);
+  border-radius: var(--bo-radius);
   &--selected {
     border: 1px solid var(--bg-surface-border);
-    border-width: 1px 0;
     background-color: var(--bg-surface);
 
     & .context-menu__item > button {
   }
 
   & .context-menu__item > button {
+    border-radius: var(--bo-radius);
     & .text {
       color: var(--tc-surface-normal);
     }
-    padding-left: var(--sp-normal);
     & .ic-raw {
       margin-right: var(--sp-tight);
-    }
-
-    [dir=rtl] & {
-      padding-right: var(--sp-normal);
-      & .ic-raw {
+      [dir=rtl] & {
         margin-right: 0;
         margin-left: var(--sp-tight);
       }