improved PopupWindow drawer UI

This commit is contained in:
unknown 2021-07-31 17:45:33 +05:30
parent 23ff2c3ab4
commit dd2783b040

View file

@ -51,26 +51,21 @@
.pw__drawer { .pw__drawer {
& .header { & .header {
padding-left: var(--sp-extra-tight); padding-left: var(--sp-tight);
& .header__title-wrapper {
& .ic-btn-surface:first-child { margin: 0 var(--sp-extra-tight);
margin-right: var(--sp-ultra-tight);
} }
[dir=rtl] & { [dir=rtl] & {
padding-right: var(--sp-extra-tight); padding-right: var(--sp-tight);
& .ic-btn-surface:first-child {
margin-right: 0;
margin-left: var(--sp-ultra-tight);
}
} }
} }
} }
.pw-content-selector { .pw-content-selector {
margin: 0 var(--sp-extra-tight);
border-radius: var(--bo-radius);
&--selected { &--selected {
border: 1px solid var(--bg-surface-border); border: 1px solid var(--bg-surface-border);
border-width: 1px 0;
background-color: var(--bg-surface); background-color: var(--bg-surface);
& .context-menu__item > button { & .context-menu__item > button {
@ -81,17 +76,13 @@
} }
& .context-menu__item > button { & .context-menu__item > button {
border-radius: var(--bo-radius);
& .text { & .text {
color: var(--tc-surface-normal); color: var(--tc-surface-normal);
} }
padding-left: var(--sp-normal);
& .ic-raw { & .ic-raw {
margin-right: var(--sp-tight); margin-right: var(--sp-tight);
} [dir=rtl] & {
[dir=rtl] & {
padding-right: var(--sp-normal);
& .ic-raw {
margin-right: 0; margin-right: 0;
margin-left: var(--sp-tight); margin-left: var(--sp-tight);
} }