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 (#5759)
This commit is contained in:
parent
15e543abc0
commit
3ddf63b6a5
12 changed files with 31 additions and 11 deletions
packages/console/src
components/Guide
ds-components
Button
CodeEditor
ConfirmModal
Dropdown
Tip/TipBubble
pages
ApiResourceDetails/components/GuideDrawer
ApplicationDetails
Applications/components/GuideLibrary
scss
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -257,7 +257,7 @@
|
|||
position: absolute;
|
||||
inset: 0;
|
||||
background-color: var(--color-layer-1);
|
||||
z-index: -1;
|
||||
@include _.z-index(behind);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
@use '@/scss/underscore' as _;
|
||||
|
||||
.overlay {
|
||||
z-index: 1000;
|
||||
@include _.z-index(confirm-modal);
|
||||
}
|
||||
|
||||
.content {
|
||||
|
|
|
@ -28,5 +28,5 @@
|
|||
background: transparent;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 102;
|
||||
@include _.z-index(dropdown);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -56,7 +56,7 @@
|
|||
position: absolute;
|
||||
right: -2px;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
@include _.z-index(front);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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)}';
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue