mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-04-27 10:56:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

css: refactor element positioning

Browse source 
No more javascript to change css properties
Remove a number of useless tables
Try to stop positioning elements with absolute, but use flex-boxes instead

Adds comment to pad template, and move popups and chatbox inside editorcontainerbox (so absolute positioning is straightforward)

Make the design more consistent: always use base color, font-family and font-size. USe relative font size if necessary (.9rem instead of 11px for example)

Remove two columns in the popups, just use one column

Remove css meant to support old browser (like -webkit-box-shadow, -moz-box-shadow). Those css rules are quite common now, and If we want to support very old browser, we should use clean-css or other tools to add them automatically
This commit is contained in:
Sebastian Castro 2020-04-02 14:36:49 +02:00 • committed by muxator
parent 0603bf8097
commit 5fd6aeeea6
20 changed files with 839 additions and 1224 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/static/css/pad.css
View file

@ -10,22 +10,22 @@
@import url("pad/gritter.css");
@import url("pad/loadingbox.css");
*,
html,
body,
p {
html {
font-size: 13px;
font-family: Arial, sans-serif;
line-height: 16px;
background-color: white;
color: #3e3e3e;
}
*, p {
margin: 0;
padding: 0px;
padding: 0;
}
.clear {
clear: both
}
body,
textarea {
font-family: Helvetica, Arial, sans-serif
}
.readonly .acl-write {
display: none;
a {
color: inherit;
}
a img {
border: 0
@ -34,20 +34,10 @@ a img {
padding: 0;
border: 0;
}
.buttontext:focus{
/* Not sure why important is required here but it is */
border: 1px solid #666 !important;
}
.time {
float: right;
color: #333;
font-style: italic;
font-size: 10px;
margin-left: 3px;
margin-right: 3px;
margin-top: 2px;
}
.rtl {
direction: RTL
}
@ -56,29 +46,9 @@ a img {
input[type=checkbox] {
vertical-align: -1px
}
input {
color: inherit;
}
.right {
float: right
}
.row {
float: left;
width: 100%;
}
.row + .row {
margin-top: 15px;
}
.column {
float: left;
width:50%;
}
#passwordRequired, #permissionDenied, #wrongPassword, #noCookie {
display:none;
}
.hideControlsEditor{
top:0px !important;
}
.hideControlsEditbar{
display:none !important;
}