Restructure CSS

This commit is contained in:
2025-10-09 22:32:00 +03:00
Unverified
parent 2312569455
commit 0ccade3a91
67 changed files with 110 additions and 509 deletions
@@ -30,77 +30,6 @@ button, input {
font: inherit;
}
.context-menu {
position: relative;
background-color: $color-dark-surface-container;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
padding: 0.5rem 0;
z-index: 1000;
display: block;
min-width: 150px;
max-width: 200px;
white-space: nowrap;
user-select: none;
.context-menu-item {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1rem;
cursor: pointer;
color: $color-dark-on-surface;
transition: background-color 0.2s ease;
font-size: 0.9rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.material-symbols {
font-size: 1.1rem;
flex-shrink: 0;
}
}
&.pos-top-left {
transform-origin: top right;
}
&.pos-top-right {
transform-origin: top left;
}
&.pos-bottom-left {
transform-origin: bottom right;
}
&.pos-bottom-right {
transform-origin: bottom left;
}
&.open {
animation: context-menu-open 0.25s ease;
}
&.faded {
opacity: 0;
transition: opacity 0.3s ease-out;
}
@keyframes context-menu-open {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}
}
// Dialog content styles
.dialog-content {
h3 {
+6 -6
View File
@@ -1,10 +1,10 @@
@use "common/animations";
@use "common/components";
@use "common/colors" as *;
@use "common/material" as *;
@use "animations";
@use "components";
@use "colors" as *;
@use "material" as *;
@use "lib/fonts/montserrat";
@use "lib/fonts/material-symbols";
@use "fonts/montserrat";
@use "fonts/material-symbols";
* {