mirror of
https://github.com/zitadel/zitadel.git
synced 2024-12-13 03:24:26 +00:00
fix(login): organization suffix overflow (#4374)
fix: org name overflow
This commit is contained in:
parent
fcb36cd406
commit
531c30a031
@ -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 {
|
||||
@include lgn-input-base;
|
||||
}
|
||||
|
||||
// use seme base styling for select as input
|
||||
select, .lgn-select {
|
||||
@include lgn-input-base;
|
||||
select,
|
||||
.lgn-select {
|
||||
@include lgn-input-base;
|
||||
}
|
||||
|
||||
.lgn-suffix-wrapper {
|
||||
position: relative;
|
||||
position: relative;
|
||||
|
||||
[lgnSuffix] {
|
||||
position: absolute;
|
||||
right: .5rem;
|
||||
top: 9px;
|
||||
height: inherit;
|
||||
vertical-align: middle;
|
||||
}
|
||||
[lgnSuffix] {
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 9px;
|
||||
height: inherit;
|
||||
vertical-align: middle;
|
||||
max-width: 150px;
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
@ -377,7 +377,8 @@ input:not([type=radio]):not([type=checkbox])::placeholder,
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
select, .lgn-select {
|
||||
select,
|
||||
.lgn-select {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
padding-inline-start: 10px;
|
||||
@ -396,7 +397,8 @@ select, .lgn-select {
|
||||
width: 100%;
|
||||
margin: 0 0 2px 0;
|
||||
}
|
||||
select::placeholder, .lgn-select::placeholder {
|
||||
select::placeholder,
|
||||
.lgn-select::placeholder {
|
||||
font-size: 14px;
|
||||
font-style: italic;
|
||||
}
|
||||
@ -410,6 +412,9 @@ select::placeholder, .lgn-select::placeholder {
|
||||
top: 9px;
|
||||
height: inherit;
|
||||
vertical-align: middle;
|
||||
max-width: 150px;
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.lgn-label {
|
||||
@ -1340,7 +1345,8 @@ input:not([type=radio]):not([type=checkbox])::placeholder,
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
select, .lgn-select {
|
||||
select,
|
||||
.lgn-select {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
padding-inline-start: 10px;
|
||||
@ -1359,7 +1365,8 @@ select, .lgn-select {
|
||||
width: 100%;
|
||||
margin: 0 0 2px 0;
|
||||
}
|
||||
select::placeholder, .lgn-select::placeholder {
|
||||
select::placeholder,
|
||||
.lgn-select::placeholder {
|
||||
font-size: 14px;
|
||||
font-style: italic;
|
||||
}
|
||||
@ -1373,6 +1380,9 @@ select::placeholder, .lgn-select::placeholder {
|
||||
top: 9px;
|
||||
height: inherit;
|
||||
vertical-align: middle;
|
||||
max-width: 150px;
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.lgn-label {
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user