Elastic: Split libkolab.less by plugin
This commit is contained in:
Aleksander Machniak
parent
1e241eec36
commit
9146b9dd42
5 changed files with 270 additions and 171 deletions
42
plugins/libkolab/skins/elastic/include/calendar.less
Normal file
42
plugins/libkolab/skins/elastic/include/calendar.less
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
/**
|
||||||
|
* Kolab core library
|
||||||
|
*
|
||||||
|
* This file contains Elastic skin styles for calendar plugin.
|
||||||
|
*
|
||||||
|
* @author Aleksander Machniak <machniak@kolabsys.com>
|
||||||
|
*
|
||||||
|
* Copyright (C) 2012-2018, Kolab Systems AG <contact@kolabsys.com>
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU Affero General Public License as
|
||||||
|
* published by the Free Software Foundation, either version 3 of the
|
||||||
|
* License, or (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU Affero General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU Affero General Public License
|
||||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.toolbarmenu.listing li {
|
||||||
|
a.calendarlink:before {
|
||||||
|
.font-icon-regular(@fa-var-calendar);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#calendarcategories {
|
||||||
|
.input-group:not(:last-child) {
|
||||||
|
margin-bottom: .25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset.categories .input-group a.button.create {
|
||||||
|
&:before {
|
||||||
|
&:extend(.font-icon-class);
|
||||||
|
content: @fa-var-plus;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
79
plugins/libkolab/skins/elastic/include/kolab_notes.less
Normal file
79
plugins/libkolab/skins/elastic/include/kolab_notes.less
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
/**
|
||||||
|
* Kolab core library
|
||||||
|
*
|
||||||
|
* This file contains Elastic skin styles for kolab_notes plugin.
|
||||||
|
*
|
||||||
|
* @author Aleksander Machniak <machniak@kolabsys.com>
|
||||||
|
*
|
||||||
|
* Copyright (C) 2012-2018, Kolab Systems AG <contact@kolabsys.com>
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU Affero General Public License as
|
||||||
|
* published by the Free Software Foundation, either version 3 of the
|
||||||
|
* License, or (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU Affero General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU Affero General Public License
|
||||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.toolbarmenu.listing li {
|
||||||
|
a.appendnote:before {
|
||||||
|
.font-icon-regular(@fa-var-sticky-note);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fixes TinyMCE editor height=0 issue
|
||||||
|
#noteform iframe {
|
||||||
|
min-height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#notereferences {
|
||||||
|
margin-top: .5rem;
|
||||||
|
|
||||||
|
.attachmentslist a.delete {
|
||||||
|
margin-left: .5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#kolabnoteslist {
|
||||||
|
tr {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.title {
|
||||||
|
.overflow-ellipsis;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.date {
|
||||||
|
overflow: unset;
|
||||||
|
color: @color-list-secondary;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.kolabmessagenotes {
|
||||||
|
display: block !important;
|
||||||
|
|
||||||
|
& > a {
|
||||||
|
.overflow-ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
display: block;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
&:extend(.font-icon-class);
|
||||||
|
color: @color-message-information;
|
||||||
|
.font-icon-regular(@fa-var-sticky-note);
|
||||||
|
margin-right: .6rem;
|
||||||
|
width: 1em;
|
||||||
|
font-size: 1.5em !important;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
112
plugins/libkolab/skins/elastic/include/kolab_tags.less
Normal file
112
plugins/libkolab/skins/elastic/include/kolab_tags.less
Normal file
|
|
@ -0,0 +1,112 @@
|
||||||
|
/**
|
||||||
|
* Kolab core library
|
||||||
|
*
|
||||||
|
* This file contains Elastic skin style of kolab_tags plugin.
|
||||||
|
*
|
||||||
|
* @author Aleksander Machniak <machniak@kolabsys.com>
|
||||||
|
*
|
||||||
|
* Copyright (C) 2012-2018, Kolab Systems AG <contact@kolabsys.com>
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU Affero General Public License as
|
||||||
|
* published by the Free Software Foundation, either version 3 of the
|
||||||
|
* License, or (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU Affero General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU Affero General Public License
|
||||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.toolbarmenu.listing li {
|
||||||
|
a.tags:before {
|
||||||
|
content: @fa-var-tags;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.tag:before,
|
||||||
|
a.tag.remove:before,
|
||||||
|
a.tag.remove.all:before {
|
||||||
|
content: @fa-var-tag;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#taglist {
|
||||||
|
li {
|
||||||
|
padding: 0 .5rem;
|
||||||
|
&:before {
|
||||||
|
&:extend(.font-icon-class);
|
||||||
|
content: @fa-var-tag;
|
||||||
|
margin: 0 .5rem 0 .2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#tagsform option:before,
|
||||||
|
#taglist li:before,
|
||||||
|
#tag-selector li a:before {
|
||||||
|
color: darken(@color-main, 15%); // default tag color
|
||||||
|
}
|
||||||
|
|
||||||
|
#tagsform option:checked:before,
|
||||||
|
#tag-selector li:hover a:before {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tagsform {
|
||||||
|
min-height: 15rem;
|
||||||
|
|
||||||
|
select {
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none !important;
|
||||||
|
border: 1px solid @color-layout-border;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
option {
|
||||||
|
color: @color-font; // fix Firefox issue caused by text-shadow below
|
||||||
|
text-shadow: none;
|
||||||
|
padding: .5rem;
|
||||||
|
outline: 0;
|
||||||
|
border: 0;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
&:extend(.font-icon-class);
|
||||||
|
content: @fa-var-tag;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
button {
|
||||||
|
margin: 0 .25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tagbox {
|
||||||
|
color: #fff;
|
||||||
|
background-color: @color-main;
|
||||||
|
border-radius: .25rem;
|
||||||
|
max-width: 4em;
|
||||||
|
padding: .1rem .4rem;
|
||||||
|
margin-right: .2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
padding-left: .5rem;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 > & {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
28
plugins/libkolab/skins/elastic/include/tasklist.less
Normal file
28
plugins/libkolab/skins/elastic/include/tasklist.less
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
/**
|
||||||
|
* Kolab core library
|
||||||
|
*
|
||||||
|
* This file contains Elastic skin styles for tasklist plugin.
|
||||||
|
*
|
||||||
|
* @author Aleksander Machniak <machniak@kolabsys.com>
|
||||||
|
*
|
||||||
|
* Copyright (C) 2012-2018, Kolab Systems AG <contact@kolabsys.com>
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU Affero General Public License as
|
||||||
|
* published by the Free Software Foundation, either version 3 of the
|
||||||
|
* License, or (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU Affero General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU Affero General Public License
|
||||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.toolbarmenu.listing li {
|
||||||
|
a.taskaddlink:before {
|
||||||
|
content: @fa-var-tasks;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,11 +1,11 @@
|
||||||
/**
|
/**
|
||||||
* Kolab core library
|
* Kolab core library
|
||||||
*
|
*
|
||||||
* This file contains style of various Kolab plugins for Elastic skin.
|
* This file contains Elastic skin styles for various Kolab plugins.
|
||||||
*
|
*
|
||||||
* @author Thomas Bruederli <bruederli@kolabsys.com>
|
* @author Aleksander Machniak <machniak@kolabsys.com>
|
||||||
*
|
*
|
||||||
* Copyright (C) 2012-2017, Kolab Systems AG <contact@kolabsys.com>
|
* Copyright (C) 2012-2018, Kolab Systems AG <contact@kolabsys.com>
|
||||||
*
|
*
|
||||||
* This program is free software: you can redistribute it and/or modify
|
* This program is free software: you can redistribute it and/or modify
|
||||||
* it under the terms of the GNU Affero General Public License as
|
* it under the terms of the GNU Affero General Public License as
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
@import (reference) "../../../../skins/elastic/styles/mixins";
|
@import (reference) "../../../../skins/elastic/styles/mixins";
|
||||||
|
|
||||||
|
|
||||||
/*** Folders list extensions ***/
|
/*** Common folders list extensions ***/
|
||||||
|
|
||||||
.listing {
|
.listing {
|
||||||
// Fix focus indicator, because we add div element in the list record
|
// Fix focus indicator, because we add div element in the list record
|
||||||
|
|
@ -213,16 +213,6 @@ html.touch .listing {
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbarmenu.listing li {
|
.toolbarmenu.listing li {
|
||||||
a.tags:before {
|
|
||||||
content: @fa-var-tags;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.tag:before,
|
|
||||||
a.tag.remove:before,
|
|
||||||
a.tag.remove.all:before {
|
|
||||||
content: @fa-var-tag;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.search {
|
&.search {
|
||||||
padding: .25rem .5rem;
|
padding: .25rem .5rem;
|
||||||
.input-group {
|
.input-group {
|
||||||
|
|
@ -241,114 +231,8 @@ html.touch .listing {
|
||||||
a.history:before {
|
a.history:before {
|
||||||
content: @fa-var-history;
|
content: @fa-var-history;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.calendarlink:before {
|
|
||||||
.font-icon-regular(@fa-var-calendar);
|
|
||||||
}
|
|
||||||
|
|
||||||
a.appendnote:before {
|
|
||||||
.font-icon-regular(@fa-var-sticky-note);
|
|
||||||
}
|
|
||||||
|
|
||||||
a.taskaddlink:before {
|
|
||||||
content: @fa-var-tasks;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#taglist {
|
|
||||||
li {
|
|
||||||
padding: 0 .5rem;
|
|
||||||
&:before {
|
|
||||||
&:extend(.font-icon-class);
|
|
||||||
content: @fa-var-tag;
|
|
||||||
margin: 0 .5rem 0 .2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#tagsform option:before,
|
|
||||||
#taglist li:before,
|
|
||||||
#tag-selector li a:before {
|
|
||||||
color: darken(@color-main, 15%); // default tag color
|
|
||||||
}
|
|
||||||
|
|
||||||
#tagsform option:checked:before,
|
|
||||||
#tag-selector li:hover a:before {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tagsform {
|
|
||||||
min-height: 15rem;
|
|
||||||
|
|
||||||
select {
|
|
||||||
padding: 0;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
box-shadow: none !important;
|
|
||||||
border: 1px solid @color-layout-border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
option {
|
|
||||||
color: @color-font; // fix Firefox issue caused by text-shadow below
|
|
||||||
text-shadow: none;
|
|
||||||
padding: .5rem;
|
|
||||||
outline: 0;
|
|
||||||
border: 0;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
&:extend(.font-icon-class);
|
|
||||||
content: @fa-var-tag;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttons {
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
button {
|
|
||||||
margin: 0 .25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tagbox {
|
|
||||||
color: #fff;
|
|
||||||
background-color: @color-main;
|
|
||||||
border-radius: .25rem;
|
|
||||||
max-width: 4em;
|
|
||||||
padding: .1rem .4rem;
|
|
||||||
margin-right: .2rem;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: inherit;
|
|
||||||
padding-left: .5rem;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 > & {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#calendarcategories {
|
|
||||||
.input-group:not(:last-child) {
|
|
||||||
margin-bottom: .25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset.categories .input-group a.button.create {
|
|
||||||
&:before {
|
|
||||||
&:extend(.font-icon-class);
|
|
||||||
content: @fa-var-plus;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// TODO .quickview-active in Calendar and Tasklist
|
|
||||||
|
|
||||||
.formbuttons-secondary-kolab {
|
.formbuttons-secondary-kolab {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
@ -366,7 +250,7 @@ a.history {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Notes preview frame
|
// E.g. notes preview frame
|
||||||
.watermark {
|
.watermark {
|
||||||
& > * {
|
& > * {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -381,53 +265,7 @@ a.history {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Fixes TinyMCE editor height=0 issue
|
@import "include/calendar";
|
||||||
#noteform iframe {
|
@import "include/kolab_notes";
|
||||||
min-height: 10rem;
|
@import "include/kolab_tags";
|
||||||
}
|
@import "include/tasklist";
|
||||||
|
|
||||||
#notereferences {
|
|
||||||
margin-top: .5rem;
|
|
||||||
|
|
||||||
.attachmentslist a.delete {
|
|
||||||
margin-left: .5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#kolabnoteslist {
|
|
||||||
tr {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
td.title {
|
|
||||||
.overflow-ellipsis;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
td.date {
|
|
||||||
overflow: unset;
|
|
||||||
color: @color-list-secondary;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.kolabmessagenotes {
|
|
||||||
display: block !important;
|
|
||||||
|
|
||||||
& > a {
|
|
||||||
.overflow-ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
display: block;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
&:extend(.font-icon-class);
|
|
||||||
color: @color-message-information;
|
|
||||||
.font-icon-regular(@fa-var-sticky-note);
|
|
||||||
margin-right: .6rem;
|
|
||||||
width: 1em;
|
|
||||||
font-size: 1.5em !important;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue