diff options
Diffstat (limited to 'comm/calendar/base/themes/common/calendar-task-tree.css')
-rw-r--r-- | comm/calendar/base/themes/common/calendar-task-tree.css | 132 |
1 files changed, 132 insertions, 0 deletions
diff --git a/comm/calendar/base/themes/common/calendar-task-tree.css b/comm/calendar/base/themes/common/calendar-task-tree.css new file mode 100644 index 0000000000..1f44446dcf --- /dev/null +++ b/comm/calendar/base/themes/common/calendar-task-tree.css @@ -0,0 +1,132 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.calendar-task-tree { + appearance: none; + margin: 0; +} + +/* align the treechildren text */ +.calendar-task-tree > treechildren::-moz-tree-cell-text { + margin-top: 1px; + margin-bottom: 1px; +} + +.calendar-task-tree > treechildren::-moz-tree-cell-text(inprogress) { + color: green !important; +} + +:root[lwt-tree-brighttext] .calendar-task-tree > treechildren::-moz-tree-cell-text(inprogress) { + color: var(--color-green-50) !important; +} + +.calendar-task-tree > treechildren::-moz-tree-row(inprogress, selected, focus) { + background-color: green !important; +} + +:root[lwt-tree-brighttext] .calendar-task-tree > treechildren::-moz-tree-row(inprogress, selected, focus) { + background-color: var(--color-green-50) !important; +} + +.calendar-task-tree > treechildren::-moz-tree-cell-text(overdue) { + color: var(--color-red-50) !important; +} + +:root[lwt-tree-brighttext] .calendar-task-tree > treechildren::-moz-tree-cell-text(overdue) { + color: var(--color-red-40) !important; +} + +.calendar-task-tree > treechildren::-moz-tree-row(overdue, selected, focus) { + background-color: var(--color-red-50) !important; +} + +:root[lwt-tree-brighttext] .calendar-task-tree > treechildren::-moz-tree-row(overdue, selected, focus) { + background-color: var(--color-red-40) !important; +} + +.calendar-task-tree > treechildren::-moz-tree-image(inprogress, selected, focus), +.calendar-task-tree > treechildren::-moz-tree-image(overdue, selected, focus), +.calendar-task-tree > treechildren::-moz-tree-cell-text(inprogress, selected, focus), +:root[lwt-tree-brighttext] .calendar-task-tree > + treechildren::-moz-tree-cell-text(inprogress, selected, focus), +.calendar-task-tree > treechildren::-moz-tree-cell-text(overdue, selected, focus), +:root[lwt-tree-brighttext] .calendar-task-tree > + treechildren::-moz-tree-cell-text(overdue, selected, focus) { + color: var(--selected-item-text-color) !important; +} + +.calendar-task-tree > treechildren::-moz-tree-cell-text(completed) { + text-decoration: line-through; + font-style: italic; +} + +.calendar-task-tree > treechildren::-moz-tree-cell-text(duetoday) { + font-weight: bold; +} + +.calendar-task-tree-col-priority { + -moz-context-properties: stroke; + stroke: currentColor; +} + +.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-priority) { + margin-inline-start: -2px; + -moz-context-properties: stroke; + stroke: transparent; +} + +.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-priority, highpriority) { + list-style-image: var(--icon-priority); + stroke: red; +} + +:root[lwt-tree-brighttext] .calendar-task-tree > + treechildren::-moz-tree-image(calendar-task-tree-col-priority, highpriority) { + stroke: var(--color-red-40); +} + +.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-priority, lowpriority) { + list-style-image: var(--icon-priority-low); + stroke: blue; +} + +:root[lwt-tree-brighttext] .calendar-task-tree > + treechildren::-moz-tree-image(calendar-task-tree-col-priority, lowpriority) { + stroke: var(--color-white); +} + +.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-priority, selected) { + stroke: currentColor !important; +} + +treecol.calendar-task-tree-col-percentcomplete { + text-align: end; +} + +.calendar-task-tree-col-completed >.treecol-icon, +.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-completed) { + width: 14px; + height: 14px; + -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity; + fill: currentColor; + stroke: currentColor; + stroke-opacity: 0; +} + +.calendar-task-tree-col-completed >.treecol-icon { + fill-opacity: 1; +} + +.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-completed) { + list-style-image: var(--icon-checkbox); + fill-opacity: 0; +} + +.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-completed, completed) { + fill-opacity: 1; +} + +.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-completed, repeating) { + fill-opacity: 0.6; +} |