ADOFAIEditorForum/ComponentTest
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Popup Implementation

Browse Source
This commit is contained in:
copecone committed 2026-04-07 12:04:49 +09:00
1 parent 44b7d6097e
commit 81bfd4a2b8
3 files changed
+7 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/components/dropdown/dropdown.scss
+5 -5
View File
@@ -2,8 +2,8 @@
@use "sass:color"; @use "sass:color";
@use "styles/library" as library; @use "styles/library" as library;
$default_bg: oklch(1 0 0); // #FFFFFF
$border_color: oklch(0 0 0 / 20%); $border_color: oklch(0 0 0 / 20%);
$border_dark_color: oklch(1 0 0 / 20%);
$hover_bg: oklch(0.9702 0 0); // #F5F5F5 $hover_bg: oklch(0.9702 0 0); // #F5F5F5
$height: 40px; $height: 40px;
@@ -19,9 +19,9 @@ $default_animation_duration: 0.2s;
--animation-duration: calc(#{$default_animation_duration} * var(--motion-duration-multiplier)); --animation-duration: calc(#{$default_animation_duration} * var(--motion-duration-multiplier));
padding: 0; margin: 0; padding: 0; margin: 0;
background-color: $default_bg; background-color: light-dark(oklch(1 0 0), oklch(0 0 0));
border-radius: $border_radius; border-radius: $border_radius;
box-shadow: 0 0 0 1px $border_color inset; box-shadow: 0 0 0 1px light-dark($border_color, $border_dark_color) inset;
cursor: pointer; cursor: pointer;
max-width: 100%; max-width: 100%;
@@ -73,7 +73,7 @@ $default_animation_duration: 0.2s;
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style: none; list-style: none;
background-color: $default_bg; background-color: light-dark(oklch(1 0 0), oklch(0 0 0));
border-radius: $border_radius; border-radius: $border_radius;
z-index: 1000; z-index: 1000;
max-height: 240px; max-height: 240px;
@@ -86,7 +86,7 @@ $default_animation_duration: 0.2s;
position: absolute; position: absolute;
top: 0; left: 0; right: 0; bottom: 0; top: 0; left: 0; right: 0; bottom: 0;
border-radius: $border_radius; border-radius: $border_radius;
box-shadow: 0 0 0 1px $border_color inset; box-shadow: 0 0 0 1px light-dark($border_color, $border_dark_color) inset;
pointer-events: none; pointer-events: none;
z-index: 1001; z-index: 1001;
} }
src/app/components/popup/popup.scss
+1 -1
View File
@@ -67,7 +67,7 @@ $default_animation_duration: 0.2s;
align-items: center; align-items: center;
padding: 0 12px; padding: 0 12px;
height: 40px; height: 40px;
box-shadow: 0 1px 0 oklch(0 0 0 / 20%); box-shadow: 0 1px 0 light-dark(oklch(0 0 0 / 20%), oklch(1 0 0 / 20%));
.header-left { .header-left {
display: flex; display: flex;
src/styles.scss
+1 -1
View File
@@ -68,7 +68,7 @@ h1 {
h2 { h2 {
font-size: 24px; font-size: 24px;
color: oklch(0.5103 0 0); // #666 color: oklch(0.6830 0 0); // #999999
} }
h3 { h3 {