Fix button overflowing on landscape mode #1406
This commit is contained in:
parent
9ba9a8f446
commit
5a274051fc
3 changed files with 23 additions and 22 deletions
|
@ -43,17 +43,16 @@
|
|||
|
||||
nav {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
|
||||
@media screen and (max-width: @browser_media-medium-screen) {
|
||||
nav.btn-danger {
|
||||
line-height: inherit;
|
||||
}
|
||||
.btn-confirm {
|
||||
line-height: inherit;
|
||||
align-items: flex-end;
|
||||
.btn-confirm {
|
||||
white-space: normal;
|
||||
}
|
||||
@media screen and (max-width: @browser_media-not-big),
|
||||
screen and (max-height: @browser_media-not-big) and (max-width: 1120px){
|
||||
.btn-confirm {
|
||||
line-height: normal;
|
||||
overflow-wrap: break-word;
|
||||
white-space: normal;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -68,17 +68,16 @@
|
|||
|
||||
nav {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
|
||||
@media screen and (max-width: @browser_media-medium-screen) {
|
||||
nav.btn-danger {
|
||||
line-height: inherit;
|
||||
}
|
||||
.btn-confirm {
|
||||
line-height: inherit;
|
||||
align-items: flex-end;
|
||||
.btn-confirm {
|
||||
white-space: normal;
|
||||
}
|
||||
@media screen and (max-width: @browser_media-not-big),
|
||||
screen and (max-height: @browser_media-not-big) and (max-width: 1120px){
|
||||
.btn-confirm {
|
||||
line-height: normal;
|
||||
overflow-wrap: break-word;
|
||||
white-space: normal;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -43,11 +43,14 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
@media screen and (max-width: @browser_media-medium-screen) {
|
||||
.btn-confirm{
|
||||
line-height: inherit;
|
||||
.btn-confirm {
|
||||
white-space: normal;
|
||||
}
|
||||
@media screen and (max-width: @browser_media-not-big),
|
||||
screen and (max-height: @browser_media-not-big) and (max-width: 1120px){
|
||||
.btn-confirm {
|
||||
line-height: normal;
|
||||
overflow-wrap: break-word;
|
||||
white-space: normal;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue