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 { nav {
display: flex; display: flex;
align-items: flex-end;
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end;
@media screen and (max-width: @browser_media-medium-screen) { .btn-confirm {
nav.btn-danger { white-space: normal;
line-height: inherit; }
} @media screen and (max-width: @browser_media-not-big),
.btn-confirm { screen and (max-height: @browser_media-not-big) and (max-width: 1120px){
line-height: inherit; .btn-confirm {
line-height: normal;
overflow-wrap: break-word; overflow-wrap: break-word;
white-space: normal;
width: 100%; width: 100%;
} }
} }

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

@ -68,17 +68,16 @@
nav { nav {
display: flex; display: flex;
align-items: flex-end;
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end;
@media screen and (max-width: @browser_media-medium-screen) { .btn-confirm {
nav.btn-danger { white-space: normal;
line-height: inherit; }
} @media screen and (max-width: @browser_media-not-big),
.btn-confirm { screen and (max-height: @browser_media-not-big) and (max-width: 1120px){
line-height: inherit; .btn-confirm {
line-height: normal;
overflow-wrap: break-word; overflow-wrap: break-word;
white-space: normal;
width: 100%; width: 100%;
} }
} }

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

@ -43,11 +43,14 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
@media screen and (max-width: @browser_media-medium-screen) { .btn-confirm {
.btn-confirm{ white-space: normal;
line-height: inherit; }
@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; overflow-wrap: break-word;
white-space: normal;
width: 100%; width: 100%;
} }
} }