infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

update slide styles, comment alertify styles, updated compiled css

pull/1/head
ansuz 2016-12-28 17:33:46 +01:00
parent ec92640974
commit 0c9178ba46
3 changed files with 66 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
customize.dist/main.css
View File

@ -1,3 +1,6 @@
/* Logs are shown to inform the user that something has happened
They are only displayed briefly
*/
.alertify-logs > * {
padding: 12px 48px;
color: #fafafa;
@ -758,6 +761,19 @@ html.cp {
.cp div.realtime #addoption {
border-bottom-left-radius: 5px;
}
.cp.slide #modal #content p,
.cp.slide #modal #content ul,
.cp.slide #modal #content ol {
font-size: 26px;
}
.cp.slide #modal #content img {
position: relative;
min-width: 1%;
max-width: 90%;
max-height: 90%;
margin: auto;
border: 5px solid red;
}
.cp div.modal,
.cp div#modal {
box-sizing: border-box;
@ -776,6 +792,13 @@ html.cp {
border: 1px solid white;
vertical-align: middle;
padding: 2.5vw;
/* center things as much as possible
margin-top: 50vh;
margin-bottom: 50vh;
transform: translateY(-50%);
*/
width: 100vw;
height: 56.25vw;
max-height: 100vh;
@ -837,6 +860,15 @@ html.cp {
margin: auto;
padding-left: .25vw;
}
.cp div.modal #content ul,
.cp div#modal #content ul,
.cp div.modal #content ol,
.cp div#modal #content ol {
min-width: 50%;
max-width: 100%;
display: table;
margin: 0 auto;
}
.cp div.modal .center,
.cp div#modal .center {
position: relative;

3
customize.dist/src/alertify.less
View File

@ -1,5 +1,8 @@
@import "./variables.less";
/* Logs are shown to inform the user that something has happened
They are only displayed briefly
*/
.alertify-logs {
> * {
padding: @padding-base @padding-base * 4;

31
customize.dist/src/cryptpad.less
View File

@ -617,7 +617,25 @@ form.realtime, div.realtime {
max-height: (@p * 100vh);
}
&.slide {
#modal #content {
p, ul, ol { font-size: 26px; }
img {
position: relative;
min-width: 1%;
max-width: 90%;
max-height: 90%;
margin: auto;
border: 5px solid red;
}
}
}
div.modal, div#modal {
display: none;
#content {
box-sizing: border-box;
@ -631,6 +649,13 @@ div.modal, div#modal {
vertical-align: middle;
padding: 2.5vw;
/* center things as much as possible
margin-top: 50vh;
margin-bottom: 50vh;
transform: translateY(-50%);
*/
width: 100vw;
height: 56.25vw; // height:width ratio = 9/16 = .5625
@ -665,6 +690,12 @@ div.modal, div#modal {
}
ul, ol {
min-width: 50%;
max-width: 100%;
display: table;
margin: 0 auto;
}
}
box-sizing: border-box;