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

cleaner less file

pull/1/head
ansuz 2017-04-09 11:49:14 +02:00
parent 0db141e48d
commit 8c629185e1
2 changed files with 92 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
www/whiteboard/whiteboard.css
View File

@ -1,3 +1,6 @@
.hidden {
display: none;
}
html,
body {
padding: 0px;
@ -21,36 +24,6 @@ body {
margin: auto;
background: white;
}
#clear,
#toggleDraw {
display: inline;
vertical-align: middle;
}
#colors {
z-index: 100;
background: white;
display: flex;
justify-content: space-between;
}
.selected {
margin-left: 20px;
display: inline-block;
height: 100px;
}
.selected img {
vertical-align: middle;
}
#copy {
padding-left: 75px;
}
span.palette-color {
height: 4vw;
width: 4vw;
display: inline-block;
margin: 5px;
border: 1px solid black;
vertical-align: top;
}
#controls {
display: block;
position: relative;
@ -58,11 +31,44 @@ span.palette-color {
background: white;
height: 100px;
line-height: 100px;
padding-bottom: 5px;
}
#width,
#controls #width {
position: relative;
vertical-align: middle;
}
#controls #clear,
#controls #toggleDraw {
display: inline;
vertical-align: middle;
}
#controls .selected {
margin-left: 20px;
display: inline-block;
height: 135px;
width: 135px;
z-index: 9001;
text-align: center;
}
#controls .selected img {
vertical-align: middle;
}
/* Colors */
#colors {
position: relative;
vertical-align: middle;
z-index: 100;
background: white;
display: flex;
justify-content: space-between;
}
#colors span.palette-color {
height: 4vw;
width: 4vw;
display: inline-block;
margin: 5px;
border: 1px solid black;
vertical-align: top;
}
#color-picker {
display: block;
@ -74,6 +80,3 @@ span.palette-color {
height: 0;
z-index: -5;
}
.hidden {
display: none;
}

90
www/whiteboard/whiteboard.less
View File

@ -1,3 +1,11 @@
.middle () {
position: relative;
vertical-align: middle;
}
.hidden {
display: none;
}
html, body{
padding: 0px;
margin: 0px;
@ -11,44 +19,20 @@ body {
background-size: cover;
background-position: center;
}
// created in the html
#canvas-area {
flex: 1;
display: flex;
}
// created by fabricjs. styled so defaults don't break anything
.canvas-container {
border: 1px solid black;
margin: auto;
background: white;
}
#clear, #toggleDraw {
display: inline;
vertical-align: middle;
}
#colors {
z-index: 100;
background: white;
display: flex;
justify-content: space-between;
}
.selected {
margin-left: 20px;
display: inline-block;
height: 100px;
img {
vertical-align: middle;
}
}
#copy {
padding-left: 75px;
}
span.palette-color {
height: 4vw;
width: 4vw;
display: inline-block;
margin: 5px;
border: 1px solid black;
vertical-align: top;
}
// contains user tools
#controls {
display: block;
position: relative;
@ -56,14 +40,53 @@ span.palette-color {
background: white;
height: 100px;
line-height: 100px;
padding-bottom: 5px;
#width {
.middle;
}
#clear, #toggleDraw {
display: inline;
vertical-align: middle;
}
.selected {
margin-left: 20px;
display: inline-block;
height: 135px;
width: 135px;
z-index: 9001;
text-align: center;
img {
vertical-align: middle;
}
}
}
#width, #colors {
position: relative;
vertical-align: middle;
/* Colors */
#colors {
.middle;
z-index: 100;
background: white;
display: flex;
justify-content: space-between;
span.palette-color {
height: 4vw;
width: 4vw;
display: inline-block;
margin: 5px;
border: 1px solid black;
vertical-align: top;
}
}
// used in the toolbar if supported
#color-picker {
display: block;
}
// input[type=color] must exist in the dom to work correctly
// styled so that they don't break layouts
#pickers {
visibility: hidden;
position: absolute;
@ -71,7 +94,4 @@ span.palette-color {
height: 0;
z-index: -5;
}
.hidden {
display: none;
}