libre-service.eu/pad.libre-service.eu-etherpad
libre-service.eu/pad.libre-service.eu-etherpad
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-02-01 03:12:42 +01:00
Code Issues Projects Releases Wiki Activity

colibris: improve toolbar

Browse source
This commit is contained in:
Sebastian Castro 2020-04-04 09:51:22 +02:00 committed by muxator
parent c79ad1e504
commit d6aec95684
4 changed files with 35 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -23,10 +23,6 @@
/* NEUTRAL COLOR */ /* NEUTRAL COLOR */
body, body,
#tocItems a,
.toolbar ul li a:hover .buttonicon,
.toolbar ul li a,
.toolbar ul li select,
#mycolorpickercancel, #mycolorpickercancel,
.btn-default, .btn-default,
.color\:black, .color\:black,
@ -85,6 +81,17 @@ p[data-l10n-id="ep_comments_page.comment"],
#slider-btn-container button { #slider-btn-container button {
border-color: #64d29b; border-color: #64d29b;
} }
/* PRIMARY-COLOR VARIANT */
.toolbar ul li a.selected,
.toolbar ul li a.pressed,
.toolbar ul li select:active {
background-color: #f0faf6 !important;
}
.toolbar ul li a.selected .buttonicon,
.toolbar ul li a.pressed .buttonicon,
.toolbar ul li select:active {
color: #5abb89;
}
/* BACKGROUND COLOR */ /* BACKGROUND COLOR */
#editorcontainerbox { #editorcontainerbox {
@ -109,3 +116,4 @@ p[data-l10n-id="ep_comments_page.comment"],
.hyperlink-dialog>.hyperlink-save, .hyperlink-dialog>.hyperlink-save,
#sidedivinner>div:before #sidedivinner>div:before
{ font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; } { font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; }

2
src/static/skins/colibris/pad.js
View file

@ -1,4 +1,6 @@
function customStart() function customStart()
{ {
$('#pad_title').show(); $('#pad_title').show();
$('.buttonicon').mousedown(function() { $(this).parent().addClass('pressed'); })
$('.buttonicon').mouseup(function() { $(this).parent().removeClass('pressed'); })
} }

6
src/static/skins/colibris/src/components/buttons.css
View file

@ -19,3 +19,9 @@
.btn:hover, #mycolorpickercancel:hover, #mycolorpickersave:hover, #save_title button:hover, .hyperlink-dialog>.hyperlink-save:hover, #importsubmitinput:hover, #forcereconnect:hover { .btn:hover, #mycolorpickercancel:hover, #mycolorpickersave:hover, #save_title button:hover, .hyperlink-dialog>.hyperlink-save:hover, #importsubmitinput:hover, #forcereconnect:hover {
cursor: pointer; cursor: pointer;
} }
button, select {
font-family: inherit;
font-size: inherit;
}

32
src/static/skins/colibris/src/components/toolbar.css
View file

@ -15,7 +15,7 @@
.toolbar .buttonicon { .toolbar .buttonicon {
background-color: transparent; background-color: transparent;
font-size: 14px; font-size: 14px;
color: #767676; color: #5f6368;
} }
.toolbar ul li.separator { .toolbar ul li.separator {
@ -50,29 +50,27 @@
background-color: transparent; background-color: transparent;
background: none; background: none;
border: none; border: none;
border-radius: 3px !important;
} }
.toolbar ul li a:hover, .toolbar ul li a:hover, .toolbar ul li select:hover {
.toolbar ul li a.selected, background-color: #f1f3f3;
.toolbar ul li a:focus {
background: none;
border-radius: 0;
} }
.toolbar ul li a:hover { .toolbar ul li select:active option {
background-color: #f7f7f7; background-color: white !important;
} color: #44464a;
padding: 5px;
.toolbar ul li a.selected,
.toolbar ul li a:focus {
background-color: #eaeaea;
} }
.toolbar ul li select { .toolbar ul li select {
cursor: pointer;
border: none; border: none;
border-bottom: 1px solid #d7d8da; border-radius: 3px;
border-radius: 0; width: auto;
width: 90px; font-weight: bold;
color: #6d7075;
font-size: 14px;
} }
.toolbar ul li[data-key=showusers] { .toolbar ul li[data-key=showusers] {
@ -84,7 +82,7 @@
.toolbar ul li[data-key=showusers] > a { .toolbar ul li[data-key=showusers] > a {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 0; border-radius: 0 !important;
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {