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

Improve UI for pad creation screen

Browse Source
This commit is contained in:
yflory 2018-02-06 17:36:37 +01:00
parent fb192a2c45
commit 4df4c48fbd
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,16 +33,26 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
h2, p {
width: 100%;
}
h2 { h2 {
width: 100%;
display: flex; display: flex;
margin-bottom: 20px;
justify-content: space-between; justify-content: space-between;
.cp-creation-help { .cp-creation-help {
display: none; display: none;
} }
} }
.cp-creation-help-container {
display: flex;
justify-content: space-between;
p {
padding: 0 20px;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 50%;
text-align: justify;
}
}
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
width: ~"calc(100% - 30px)"; width: ~"calc(100% - 30px)";
} }
@ -50,7 +60,7 @@
h2 .cp-creation-help { h2 .cp-creation-help {
display: inline; display: inline;
} }
p { .cp-creation-help-container {
display: none; display: none;
} }
} }

10
www/common/common-ui-elements.js
View File

@ -1687,7 +1687,10 @@ define([
Messages.creation_ownedTitle, Messages.creation_ownedTitle,
createHelper(Messages.creation_owned1 + '\n' + Messages.creation_owned2) createHelper(Messages.creation_owned1 + '\n' + Messages.creation_owned2)
]), ]),
setHTML(h('p'), Messages.creation_owned1 + '<br>' + Messages.creation_owned2), h('div.cp-creation-help-container', [
setHTML(h('p'), Messages.creation_owned1),
setHTML(h('p'), Messages.creation_owned2)
]),
h('input#cp-creation-owned-true.cp-creation-owned-value', { h('input#cp-creation-owned-true.cp-creation-owned-value', {
type: 'radio', type: 'radio',
name: 'cp-creation-owned', name: 'cp-creation-owned',
@ -1715,7 +1718,10 @@ define([
Messages.creation_expireTitle, Messages.creation_expireTitle,
createHelper(Messages.creation_expire1, Messages.creation_expire2) createHelper(Messages.creation_expire1, Messages.creation_expire2)
]), ]),
setHTML(h('p'), Messages.creation_expire1 + '<br>' + Messages.creation_expire2), h('div.cp-creation-help-container', [
setHTML(h('p'), Messages.creation_expire1),
setHTML(h('p'), Messages.creation_expire2)
]),
h('input#cp-creation-expire-false.cp-creation-expire-value', { h('input#cp-creation-expire-false.cp-creation-expire-value', {
type: 'radio', type: 'radio',
name: 'cp-creation-expire', name: 'cp-creation-expire',