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

better styles for cryptpoll

Browse Source
This commit is contained in:
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 { form.realtime table {
border-collapse: collapse; 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%; height: 100%;
width: 90%; width: 90%;
border: 3px solid #302B28; border: 3px solid #302B28;

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

@ -318,18 +318,63 @@ form.realtime {
border-collapse: collapse; border-collapse: collapse;
tr { tr {
td { 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 { input {
height: 100%; &[type="text"] {
width: 90%; height: 100%;
border: 3px solid @base; width: 90%;
//display: table-cell; border: 3px solid @base;
}
} }
thead { thead {
tr { tr {
th { th {