blitzwing/cryptpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix button overflowing on landscape mode #1406

Browse source
This commit is contained in:
DianaXWiki 2024-08-02 14:51:22 +03:00
parent 9ba9a8f446
commit 5a274051fc
3 changed files with 23 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
customize.dist/src/less2/pages/page-install.less
View file

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

17
customize.dist/src/less2/pages/page-register.less
View file

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

11
www/settings/app-settings.less
View file

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