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

better styles for cryptpoll

pull/1/head
ansuz 2016-07-28 17:04:01 +02:00
parent 7f02c899ea
commit 747fb138b5
2 changed files with 93 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
customize.dist/main.css
View File

@ -262,7 +262,48 @@ form.realtime > textarea {
form.realtime table {
border-collapse: collapse;
}
form.realtime table input {
form.realtime table tr td {
padding: 0px;
margin: 0px;
}
form.realtime table tr td div.text-cell {
padding: 0px;
margin: 0px;
height: 100%;
}
form.realtime table tr td div.text-cell input {
width: 90%;
height: 100%;
border: 0px;
}
form.realtime table tr td.checkbox-cell {
margin: 0px;
padding: 0px;
}
form.realtime table tr td.checkbox-cell div.checkbox-contain {
display: block;
height: 100%;
width: 100%;
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] {
display: none;
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] ~ label {
font-weight: bold;
background-color: #FF0073;
color: #302B28;
display: block;
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] ~ label:after {
content: "✖";
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] ~ label.yes {
background-color: #46E981;
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] ~ label.yes:after {
content: "✔";
}
form.realtime table input[type="text"] {
height: 100%;
width: 90%;
border: 3px solid #302B28;

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

@ -318,18 +318,63 @@ form.realtime {
border-collapse: collapse;
tr {
td {
//border: 1px solid white;
padding: 0px;
margin: 0px;
div.text-cell {
padding: 0px;
margin: 0px;
height: 100%;
input {
width: 90%;
height: 100%;
border: 0px;
}
.remove {
}
}
&.checkbox-cell {
margin: 0px;
padding: 0px;
div.checkbox-contain {
display: block;
height: 100%;
width: 100%;
input {
&[type="checkbox"] {
display: none;
~ label {
display: block;
font-weight: bold;
background-color: @cp-red;
color: @base;
&:after { content: "✖"; }
display: block;
&.yes {
background-color: @cp-green;
&:after { content: "✔"; }
}
}
}
}
}
}
}
}
input {
height: 100%;
width: 90%;
border: 3px solid @base;
//display: table-cell;
&[type="text"] {
height: 100%;
width: 90%;
border: 3px solid @base;
}
}
thead {
tr {
th {