The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-14 11:05:41 +05:00
Code Issues Packages Projects Releases Wiki Activity

Make password confirmation button responsive #1406

Browse Source
This commit is contained in:
DianaXWiki 2024-07-25 22:25:26 +03:00
parent 35109ae446
commit bba8bc84a1
2 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
customize.dist/src/less2/include/alertify.less
View File

@ -327,8 +327,6 @@
nav {
padding: @alertify_padding-base;
text-align: right;
display: flex;
align-items: center;
button, div.cp-button-confirm {
margin: 0px !important;
&:not(:first-child):not(.left) {
@ -341,17 +339,6 @@
div.cp-button-confirm {
vertical-align: middle;
}
.btn.btn-danger {
overflow-wrap: break-word;
white-space: normal;
}
@media screen and (max-width: @browser_media-medium-screen){
justify-content: flex-end;
.btn.btn-danger {
width: 100%;
line-height: inherit;
}
}
}
}
}

21
www/settings/app-settings.less
View File

@ -38,6 +38,22 @@
margin-left: 0.5rem;
}
.alertify {
nav {
display: flex;
justify-content: center;
align-items: flex-end;
@media screen and (max-width: @browser_media-medium-screen) {
.btn-danger {
line-height: inherit;
overflow-wrap: break-word;
white-space: normal;
width: 100%;
}
}
}
}
#cp-sidebarlayout-container {
#cp-sidebarlayout-rightside {
input[type="checkbox"] {
@ -113,6 +129,11 @@
margin-left: 10px;
}
}
nav {
display: flex;
justify-content: center;
align-items: flex-end;
}
@media (max-width: 840px) {
.cp-password-container {