TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-01-05 22:52:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(login): organization suffix overflow (#4374)

Browse Source 
fix: org name overflow
This commit is contained in:
Max Peintner 2022-10-03 18:01:35 +02:00 committed by GitHub
parent fcb36cd406
commit 531c30a031
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
internal/api/ui/login/static/resources/themes/scss/styles/input/input.scss
View File

@ -1,23 +1,27 @@
@import 'input_base'; @import "input_base";
input:not([type=radio]):not([type=checkbox]), input:not([type="radio"]):not([type="checkbox"]),
.lgn-input { .lgn-input {
@include lgn-input-base; @include lgn-input-base;
} }
// use seme base styling for select as input // use seme base styling for select as input
select, .lgn-select { select,
@include lgn-input-base; .lgn-select {
@include lgn-input-base;
} }
.lgn-suffix-wrapper { .lgn-suffix-wrapper {
position: relative; position: relative;
[lgnSuffix] { [lgnSuffix] {
position: absolute; position: absolute;
right: .5rem; right: 0.5rem;
top: 9px; top: 9px;
height: inherit; height: inherit;
vertical-align: middle; vertical-align: middle;
} max-width: 150px;
overflow-x: hidden;
text-overflow: ellipsis;
}
} }

18
internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css
View File

@ -377,7 +377,8 @@ input:not([type=radio]):not([type=checkbox])::placeholder,
font-style: italic; font-style: italic;
} }
select, .lgn-select { select,
.lgn-select {
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
padding-inline-start: 10px; padding-inline-start: 10px;
@ -396,7 +397,8 @@ select, .lgn-select {
width: 100%; width: 100%;
margin: 0 0 2px 0; margin: 0 0 2px 0;
} }
select::placeholder, .lgn-select::placeholder { select::placeholder,
.lgn-select::placeholder {
font-size: 14px; font-size: 14px;
font-style: italic; font-style: italic;
} }
@ -410,6 +412,9 @@ select::placeholder, .lgn-select::placeholder {
top: 9px; top: 9px;
height: inherit; height: inherit;
vertical-align: middle; vertical-align: middle;
max-width: 150px;
overflow-x: hidden;
text-overflow: ellipsis;
} }
.lgn-label { .lgn-label {
@ -1340,7 +1345,8 @@ input:not([type=radio]):not([type=checkbox])::placeholder,
font-style: italic; font-style: italic;
} }
select, .lgn-select { select,
.lgn-select {
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
padding-inline-start: 10px; padding-inline-start: 10px;
@ -1359,7 +1365,8 @@ select, .lgn-select {
width: 100%; width: 100%;
margin: 0 0 2px 0; margin: 0 0 2px 0;
} }
select::placeholder, .lgn-select::placeholder { select::placeholder,
.lgn-select::placeholder {
font-size: 14px; font-size: 14px;
font-style: italic; font-style: italic;
} }
@ -1373,6 +1380,9 @@ select::placeholder, .lgn-select::placeholder {
top: 9px; top: 9px;
height: inherit; height: inherit;
vertical-align: middle; vertical-align: middle;
max-width: 150px;
overflow-x: hidden;
text-overflow: ellipsis;
} }
.lgn-label { .lgn-label {

2
internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css.map
View File

File diff suppressed because one or more lines are too long