detect whether you are new to a page

prompt for your name and create a column for your username
prompt before deleting columns as well
style a few elements differently
This commit is contained in:
ansuz
2016-08-17 18:36:13 +02:00
parent e2b162bf6d
commit 76bfb6ab35
4 changed files with 121 additions and 43 deletions

View File

@@ -302,24 +302,27 @@ form.realtime table tr td.checkbox-cell div.checkbox-contain {
height: 100%;
width: 100%;
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] {
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"]:not(.mine) {
display: none;
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] ~ label {
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"]:not(.mine) ~ .cover {
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 {
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"]:not(.mine) ~ .cover:after {
content: "✖";
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] ~ label.yes {
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"]:not(.mine) ~ .cover.yes {
background-color: #46E981;
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"] ~ label.yes:after {
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"]:not(.mine) ~ .cover.yes:after {
content: "✔";
}
form.realtime table tr td.checkbox-cell div.checkbox-contain input[type="checkbox"]:not(.mine) ~ .cover.mine {
display: none;
}
form.realtime table input[type="text"] {
height: 100%;
width: 90%;
@@ -333,7 +336,6 @@ form.realtime table tfoot tr td {
z-index: 4000;
cursor: pointer;
}
form.realtime #adduser,
form.realtime #addoption {
color: #46E981;
border: 1px solid #46E981;
@@ -341,6 +343,7 @@ form.realtime #addoption {
}
form.realtime #adduser {
border-top-left-radius: 5px;
padding: 15px;
}
form.realtime #addoption {
border-bottom-left-radius: 5px;

View File

@@ -373,19 +373,29 @@ form.realtime {
input {
&[type="checkbox"] {
display: none;
~ label {
display: block;
font-weight: bold;
&.mine {
// idk
}
background-color: @cp-red;
color: @base;
&:after { content: "✖"; }
&:not(.mine) {
display: none;
display: block;
&.yes {
background-color: @cp-green;
&:after { content: "✔"; }
~ .cover {
display: block;
font-weight: bold;
background-color: @cp-red;
color: @base;
&:after { content: "✖"; }
display: block;
&.yes {
background-color: @cp-green;
&:after { content: "✔"; }
}
&.mine {
display: none;
}
}
}
}
@@ -431,14 +441,18 @@ form.realtime {
}
}
#adduser,
//#adduser,
#addoption {
color: @cp-green;
border: 1px solid @cp-green;
padding: 15px;
}
#adduser { .top-left; }
#adduser {
.top-left;
//border: 1px solid grey;
padding: 15px;
}
#addoption { .bottom-left; }
}