studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

fix: dialog__inner .options-selector overflow

Browse source 
close #97
This commit is contained in:
Timothée Goguely 2025-01-10 14:21:44 +01:00
parent 0f65b0ea7c
commit 5f734ab45b
1 changed files with 23 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/assets/css/src/2.blocks.dialog.css
View file

@ -75,10 +75,33 @@
border-radius: var(--rounded-xl); border-radius: var(--rounded-xl);
padding: var(--space-8); padding: var(--space-8);
border: var(--border-width) solid var(--color-grey-200); border: var(--border-width) solid var(--color-grey-200);
padding-right: 11.25rem;
position: relative;
} }
.dialog__inner .options-selector { .dialog__inner .options-selector {
display: flex; display: flex;
gap: var(--space-8); gap: var(--space-8);
overflow-x: auto;
padding: var(--space-8) 1.5rem var(--space-8) var(--space-8);
margin: calc(-1 * var(--space-8));
position: relative;
}
.dialog__inner .options-selector > *:last-child {
margin-right: 1rem;
}
.dialog__inner .options-selector + button {
position: absolute;
right: var(--space-8);
}
.dialog__inner .options-selector + button::before {
content: '';
display: block;
position: absolute;
left: calc(-3rem - 1px);
top: -1px;
bottom: -1px;
width: 3rem;
background: linear-gradient(to right, transparent, #FBFBFB);
} }
.dialog [data-pc-section="content"] [role="tablist"] { .dialog [data-pc-section="content"] [role="tablist"] {
height: 3.5rem; height: 3.5rem;