web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix hidden content in the pad creation screen with smaller screen or zoom

Browse Source
This commit is contained in:
yflory 2018-02-08 14:06:40 +01:00
parent 81ea3b14d7
commit ea7a3c75fa
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
customize.dist/src/less2/include/creation.less
View File

@ -12,15 +12,16 @@
background: @colortheme_loading-bg; background: @colortheme_loading-bg;
color: @colortheme_loading-color; color: @colortheme_loading-color;
display: flex; display: flex;
align-items: center; flex-flow: column; /* we need column so that the child can shrink vertically */
justify-content: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
@media screen and (max-height: 600px), screen and (max-width: 500px) {
align-items: baseline;
}
} }
#cp-creation { #cp-creation {
flex: 0 1 auto; /* allows shrink */
min-height: 0;
overflow: auto;
text-align: center; text-align: center;
font: @colortheme_app-font; font: @colortheme_app-font;
width: 100%; width: 100%;
@ -43,6 +44,7 @@
} }
} }
.cp-creation-help-container { .cp-creation-help-container {
width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
p { p {
@ -56,7 +58,7 @@
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
width: ~"calc(100% - 30px)"; width: ~"calc(100% - 30px)";
} }
@media screen and (max-height: 600px), screen and (max-width: 500px) { @media screen and (max-height: 800px), screen and (max-width: 500px) {
h2 .cp-creation-help { h2 .cp-creation-help {
display: inline; display: inline;
} }