0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-06 20:40:08 -05:00

fix(console): rotate signing-key dropdown should be visible ()

This commit is contained in:
Charles Zhao 2024-04-19 17:32:08 +08:00 committed by GitHub
parent 15e543abc0
commit 3ddf63b6a5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 31 additions and 11 deletions
packages/console/src
components/Guide
ds-components
pages
ApiResourceDetails/components/GuideDrawer
ApplicationDetails
ApplicationDetailsContent/GuideDrawer
components/AppGuide
Applications/components/GuideLibrary
scss

View file

@ -7,7 +7,7 @@
padding: _.unit(4) _.unit(6);
background-color: var(--color-layer-1);
box-shadow: var(--shadow-3);
z-index: 1;
@include _.z-index(front);
.wrapper {
display: flex;

View file

@ -74,7 +74,7 @@
padding: _.unit(4) _.unit(6);
background-color: var(--color-layer-1);
box-shadow: var(--shadow-3);
z-index: 1;
@include _.z-index(front);
.layout {
margin: 0 auto;

View file

@ -257,7 +257,7 @@
position: absolute;
inset: 0;
background-color: var(--color-layer-1);
z-index: -1;
@include _.z-index(behind);
}
}
}

View file

@ -25,7 +25,7 @@
right: _.unit(3);
opacity: 0%;
transition: opacity 0.2s ease-in-out;
z-index: 1;
@include _.z-index(front);
cursor: pointer;
}

View file

@ -1,7 +1,7 @@
@use '@/scss/underscore' as _;
.overlay {
z-index: 1000;
@include _.z-index(confirm-modal);
}
.content {

View file

@ -28,5 +28,5 @@
background: transparent;
position: fixed;
inset: 0;
z-index: 102;
@include _.z-index(dropdown);
}

View file

@ -10,7 +10,7 @@
font: var(--font-body-2);
max-width: 300px;
white-space: pre-wrap;
z-index: 200;
@include _.z-index(tooltip);
&.successful {
background: var(--color-success-60);

View file

@ -15,7 +15,7 @@
font: var(--font-title-2);
color: var(--color-text);
box-shadow: var(--shadow-1);
z-index: 1;
@include _.z-index(front);
.separator {
border-left: 1px solid var(--color-border);

View file

@ -15,7 +15,7 @@
font: var(--font-title-2);
color: var(--color-text);
box-shadow: var(--shadow-1);
z-index: 1;
@include _.z-index(front);
.separator {
border-left: 1px solid var(--color-border);

View file

@ -70,7 +70,7 @@
padding: _.unit(4) _.unit(6);
background-color: var(--color-layer-1);
box-shadow: var(--shadow-3);
z-index: 1;
@include _.z-index(front);
.layout {
margin: 0 auto;

View file

@ -56,7 +56,7 @@
position: absolute;
right: -2px;
bottom: 0;
z-index: 1;
@include _.z-index(front);
}
}

View file

@ -96,3 +96,23 @@
overflow: hidden;
text-overflow: ellipsis;
}
$allowed-z-indexes: (
base: 0,
front: 1,
behind: -1,
modal-backdrop: 100,
modal: 101,
confirm-modal: 102,
dropdown: 199,
tooltip: 200,
);
@mixin z-index($index) {
@if map-has-key($allowed-z-indexes, $index) {
z-index: map-get($allowed-z-indexes, $index);
}
@else {
@error 'Invalid z-index value. Allowed values are #{map-keys($allowed-z-indexes)}';
}
}