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

Various UI improvement (#4017)

Browse source
This commit is contained in:
Sebastian Castro 2020-06-02 11:25:43 +02:00 • committed by GitHub
parent f45d85f615
commit 7aa7e02e27
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 66 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/static/skins/colibris/pad.css
View file

@ -50,21 +50,15 @@
--main-font-family: Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
--editor-horizontal-padding: 55px;
--editor-vertical-padding: 40px;
/* Those padding like an external padding. Basic padding of 15px is always applied */
--editor-horizontal-padding: 40px;
--editor-vertical-padding: 25px;
}
@media (max-width:1000px) {
:root {
--editor-horizontal-padding: 15px;
--editor-vertical-padding: 15px;
}
}
@media (max-width:600px) {
:root {
--editor-horizontal-padding: 15px;
--editor-vertical-padding: 15px;
--editor-horizontal-padding: 0px;
--editor-vertical-padding: 0px;
}
}

4
src/static/skins/colibris/src/general.css
View file

@ -1,7 +1,3 @@
html {
font-size: 15px;
}
body {
color: #485365;
color: var(--text-color);

4
src/static/skins/colibris/src/layout.css
View file

@ -33,8 +33,8 @@
/* Padding must be the same than editor, otherwise it creates problem */
padding-top: 40px; /* = #innerdocbody iframe vertical padding */
padding-bottom: 40px;
padding-top: var(--editor-vertical-padding);
padding-bottom: var(--editor-vertical-padding);
padding-top: calc(var(--editor-vertical-padding) + 15px);
padding-bottom: calc(var(--editor-vertical-padding) + 15px);
}
@media (max-width:1000px) {

3
src/static/skins/colibris/src/pad-editor.css
View file

@ -1,7 +1,4 @@
#innerdocbody {
font-size: 15px;
line-height: 25px;
padding: 0;
background: transparent;
color: #485365;
color: var(--text-color);

16
src/static/skins/colibris/src/pad-variants.css
View file

@ -1,7 +1,7 @@
/* =========================== */
/* === Super Light Toolbar === */
/* =========================== */
.super-light-toolbar .toolbar, .super-light-toolbar .popup-content, #pad_title {
.super-light-toolbar .toolbar, .super-light-toolbar .popup-content, .super-light-toolbar #pad_title {
--text-color: var(--super-dark-color);
--text-soft-color: var(--dark-color);
--border-color: #e4e6e9;
@ -11,7 +11,7 @@
/* ===================== */
/* === Light Toolbar === */
/* ===================== */
.light-toolbar .toolbar, .light-toolbar .popup-content, #pad_title {
.light-toolbar .toolbar, .light-toolbar .popup-content, .light-toolbar #pad_title {
--text-color: var(--super-dark-color);
--text-soft-color: var(--dark-color);
--border-color: var(--middle-color);
@ -21,7 +21,7 @@
/* ========================== */
/* === Super Dark Toolbar === */
/* ========================== */
.super-dark-toolbar .toolbar, .super-dark-toolbar .popup-content, #pad_title {
.super-dark-toolbar .toolbar, .super-dark-toolbar .popup-content, .super-dark-toolbar #pad_title {
--text-color: var(--super-light-color);
--text-soft-color: var(--light-color);
--border-color: var(--dark-color);
@ -35,7 +35,7 @@
/* ==================== */
/* === Dark Toolbar === */
/* ==================== */
.dark-toolbar .toolbar, .dark-toolbar .popup-content, #pad_title {
.dark-toolbar .toolbar, .dark-toolbar .popup-content, .dark-toolbar #pad_title {
--text-color: var(--super-light-color);
--text-soft-color: var(--light-color);
--border-color: var(--super-dark-color);
@ -189,8 +189,8 @@
.light-editor.light-background,
.super-dark-editor.super-dark-background,
.dark-editor.dark-background {
--editor-horizontal-padding: 35px;
--editor-vertical-padding: 20px;
--editor-horizontal-padding: 20px;
--editor-vertical-padding: 5px;
}
}
@ -218,8 +218,8 @@
}
@media (min-width: 1001px) {
.full-width-editor {
--editor-horizontal-padding: 35px !important;
--editor-vertical-padding: 20px !important;
--editor-horizontal-padding: 20px !important;
--editor-vertical-padding: 5px !important;
}
}
.full-width-editor ::-webkit-scrollbar-track,

3
src/static/skins/colibris/src/plugins/font_color.css
View file

@ -5,6 +5,9 @@
#font-color {
display: list-item !important;
}
.readonly #font-color {
display: none !important;
}
.color\:black,
[data-color=black] {