scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-1877): rewrote css to be a bit more modern

Browse Source
This commit is contained in:
Christian Andolf
2025-03-31 12:25:57 +02:00
parent f5f12c2f18
commit 4bd33e908f
1 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css
View File

@@ -54,9 +54,10 @@
border: none; border: none;
background: transparent; background: transparent;
height: 100%; height: 100%;
/* a bit of a hack of centering the popover and its arrow */
padding: 0 10px; /* this increases the width of the button for tapping */
margin: 0 -10px; padding: 0 5px;
margin: 0 -5px;
} }
.dialog { .dialog {
@@ -68,7 +69,7 @@
border-radius: var(--Corner-radius-Medium); border-radius: var(--Corner-radius-Medium);
min-width: 169px; min-width: 169px;
outline: none; outline: none;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 2px rgb(0 0 0 / 10%);
} }
.dialogLink { .dialogLink {
@@ -82,21 +83,6 @@
background-color: var(--Base-Surface-Primary-light-Hover); background-color: var(--Base-Surface-Primary-light-Hover);
} }
@media screen and (max-width: 767px) {
.desktop {
display: none;
}
}
@media screen and (min-width: 768px) {
.mobile {
display: none;
}
.desktop {
display: flex;
}
}
.tooltipTrigger { .tooltipTrigger {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -111,3 +97,18 @@
color: var(--Text-Inverted); color: var(--Text-Inverted);
outline: none; outline: none;
} }
@media screen and (width <= 767px) {
.desktop {
display: none;
}
}
@media screen and (width >= 768px) {
.mobile {
display: none;
}
.desktop {
display: flex;
}
}