andwati/zitadel
1
0
Fork 0
mirror of https://github.com/andwati/zitadel.git synced 2026-11-10 08:05:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(console): show callback urls on update idp (#7668)

Browse Source 
* fix(console): show callback urls on update idp

* styles

* lint

* center links
This commit is contained in:
Elio Bischof
2024-03-28 16:22:08 +00:00
committed by GitHub
parent 3ca80d637d
commit 6ca35009be
15 changed files with 83 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/src/app/modules/keyboard-shortcuts/keyboard-shortcuts.component.html
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="container">
<div class="keyboard-shortcuts">
<h1 class="title" mat-dialog-title>{{ 'KEYBOARDSHORTCUTS.TITLE' | translate }}</h1>
<div mat-dialog-content>
<div *ngIf="isNotOnSystem" class="keyboard-shortcuts-group">
console/src/app/modules/keyboard-shortcuts/keyboard-shortcuts.component.scss
+66 -46
View File
@@ -1,19 +1,28 @@
@mixin keyboard-shortcuts-theme($theme) {
$primary: map-get($theme, primary);
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
$text-color: map-get($foreground, text);
$accent: map-get($theme, accent);
$is-dark-theme: map-get($theme, is-dark);
$accent-color: map-get($primary, 500);
$back: map-get($background, background);
$card-background-color: map-get($background, cards);
.keyboard-shortcuts {
padding: 1.5rem;
border-radius: 6px !important;
.action {
display: flex;
margin-top: 1rem;
button {
border-radius: 0.5rem;
.mat-mdc-button-persistent-ripple {
border-style: none !important;
}
}
.fill-space {
flex: 1;
}
}
.title {
font-size: 1.2rem;
margin-top: 0;
}
.keyboard-shortcuts-group {
$border-color: if($is-dark-theme, rgba(#8795a1, 0.2), rgba(#8795a1, 0.2));
border: 1px solid $border-color;
background-color: $card-background-color;
padding: 1rem;
border-radius: 0.5rem;
margin: 0.5rem 0 0 0;
@@ -21,7 +30,6 @@
h2 {
font-size: 1rem;
margin: 0 0 1rem 0;
color: $text-color;
}
.keyboard-shortcuts-wrapper {
@@ -35,14 +43,6 @@
.keyboard-shortcut-name {
font-size: 14px;
strong {
color: $text-color;
}
}
&:not(:last-child) {
border-bottom: 1px solid map-get($foreground, dividers);
}
.fill-space {
@@ -68,7 +68,6 @@
right: 0;
bottom: 0;
left: 0;
background: if($is-dark-theme, #fff, #000);
opacity: 0.15;
border-radius: 4px;
}
@@ -86,30 +85,51 @@
.keyboard-shortcuts-plus {
font-size: 14px;
}
.title {
font-size: 1.2rem;
margin-top: 0;
color: $text-color;
}
}
.action {
display: flex;
margin-top: 1rem;
button {
border-radius: 0.5rem;
.mat-mdc-button-persistent-ripple {
border-style: none !important;
@mixin keyboard-shortcuts-theme($theme) {
$primary: map-get($theme, primary);
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
$text-color: map-get($foreground, text);
$accent: map-get($theme, accent);
$is-dark-theme: map-get($theme, is-dark);
$accent-color: map-get($primary, 500);
$back: map-get($background, background);
$card-background-color: map-get($background, cards);
.keyboard-shortcuts {
.title {
color: $text-color;
}
.keyboard-shortcuts-group {
$border-color: if($is-dark-theme, rgba(#8795a1, 0.2), rgba(#8795a1, 0.2));
border: 1px solid $border-color;
background-color: $card-background-color;
h2 {
color: $text-color;
}
.keyboard-shortcuts-wrapper {
.keyboard-shortcut {
.keyboard-shortcut-name {
strong {
color: $text-color;
}
}
&:not(:last-child) {
border-bottom: 1px solid map-get($foreground, dividers);
}
}
}
}
.keyboard-shortcuts-action-key {
.keyboard-shortcuts-key-overlay {
background: if($is-dark-theme, #fff, #000);
}
}
}
.fill-space {
flex: 1;
}
}
.container {
padding: 1.5rem;
border-radius: 6px !important;
}