diff options
author | 2021-08-22 14:33:54 +0200 | |
---|---|---|
committer | 2021-08-29 15:35:49 +0200 | |
commit | 9f74c550927671f4ded301d0cf3e9d592716375c (patch) | |
tree | 6075bead5939bfb9c3b6137fc5ef865f088b57cb /styles/_window.scss | |
parent | 71cc09db93ec9b079a30593e14ca57c98fdc94ac (diff) | |
download | my_apps-9f74c550927671f4ded301d0cf3e9d592716375c.tar.gz my_apps-9f74c550927671f4ded301d0cf3e9d592716375c.tar.bz2 my_apps-9f74c550927671f4ded301d0cf3e9d592716375c.zip |
settings
Diffstat (limited to 'styles/_window.scss')
-rw-r--r-- | styles/_window.scss | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/styles/_window.scss b/styles/_window.scss index 5ce6e71..a2d0438 100644 --- a/styles/_window.scss +++ b/styles/_window.scss @@ -1,10 +1,9 @@ .window { position: absolute; - border-bottom-left-radius: .5em; - border-bottom-right-radius: .5em; transition-property: opacity, visibility, transform, width, height, top, left; transition-duration: .3s; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; + border-radius: .5em; color: var(--color-text); &.moving { @@ -13,14 +12,17 @@ &--popup { padding: 1em; - background: var(--color-popup-bg); + background: var(--color-window-popup); top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 21rem; margin: 0 auto; - border-top-left-radius: .5em; - border-top-right-radius: .5em; + + &:not(.window--popup-with-title) { + border-top-left-radius: .5em; + border-top-right-radius: .5em; + } } &:not(.window--popup) { @@ -41,7 +43,6 @@ } } - &__title { position: absolute; background-color: var(--color-glass); @@ -72,7 +73,6 @@ top: .5em; right: .5em; // cursor: pointer; - z-index: 1; & > span { padding: .5em; @@ -97,6 +97,8 @@ bottom: 0; left: 0; padding: 1em; + border-bottom-left-radius: .5em; + border-bottom-right-radius: .5em; } &--with-submenu { |