From 41375adde8cba01ebda1c6b27ae111407c4db3c4 Mon Sep 17 00:00:00 2001 From: Nathan Gray Date: Tue, 10 Jun 2014 17:40:03 +0000 Subject: [PATCH] Gantt widget styling --- pixelegg/css/pixelegg.css | 22 ++++++++++++++++++++++ pixelegg/less/etemplate2.less | 29 +++++++++++++++++++++++++++++ 2 files changed, 51 insertions(+) diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 4989dde8f9..108b4a4e75 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -220,6 +220,28 @@ border-radius: 3px; background-color: #1aa200 !important; } + /* Gantt widget */ + .et2_gantt .gantt_task_line { + background-color: #679fd2; + } + .et2_gantt .gantt_task_line .gantt_task_content { + color: #043a6b; + } + .et2_gantt .gantt_task_line .gantt_selected { + background-color: rgba(255, 194, 0, 0.01); + } + .et2_gantt .gantt_task_line .gantt_task_progress { + color: #043a6b; + background-color: #ffdd73; + /* outline progress in a complementary color */ + border: 1px solid #bf9d30; + border-right: none; + margin: -1px; + } + .et2_gantt .gantt_task_line.gantt_milestone { + background-color: #ffc200; + border-color: #bf9d30; + } /*Link to / Selector Widget*/ .et2_link_to .et2_button_icon { /*.background_color_10_gray;*/ diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less index eafe26b56a..083e274695 100755 --- a/pixelegg/less/etemplate2.less +++ b/pixelegg/less/etemplate2.less @@ -174,6 +174,35 @@ div.et2_file input.et2_file_upload{ &:hover {.Complete_Button_Icon_hover; background-color: @color_positive_action_active !important;} } +/* Gantt widget */ +.et2_gantt { + .gantt_task_line { + background-color: @egw_color_2_e; + + .gantt_task_content { + color: @egw_color_2_c; + } + .gantt_selected { + background-color: @color_active_row; + } + + .gantt_task_progress { + color: @egw_color_2_c; + background-color: @color_progress; + + /* outline progress in a complementary color */ + border: 1px solid @egw_color_1_b; + border-right: none; + margin: -1px; + + } + } + .gantt_task_line.gantt_milestone { + background-color: @egw_color_1; + border-color: @egw_color_1_b; + } +} + /*Link to / Selector Widget*/ .et2_link_to {