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

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

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 {
@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;
}
}

View File

@ -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