fix some css issues

src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css

@@ -67,8 +67,13 @@ nav .bottom-bar {
     background-color: #25682a;
 }
 
+@media print {
+    .no-print {
+        display: none;
+    }
+}
 
-/* ------------ Overwriting JSGantt CSS rules for Dark Mode ------------ */
+/* ------------ Overwriting JSGantt CSS rules ------------ */
 
 div.gantt {
     background-color: #252525;
@@ -93,7 +98,8 @@ div.gantt {
 .gtaskcellcurrent,
 .gtaskcellwkend,
 .gname,
-.ggroupitem {
+.ggroupitem,
+.gtaskheading {
     background-color: #252525;
     border-color: #464444;
     ;
@@ -112,99 +118,31 @@ div.gantt {
 .gchartlbl,
 .gcontainercol,
 .genddate {
-    background-color: #252525;
     color: #c7c7c7;
     border-color: #464444;
     ;
 }
 
-.gtaskname>div,
-.gtaskeditable>div {
-    background: #252525;
+.gtaskname>div {
     color: #c7c7c7;
 }
 
-.gtaskbarcontainer.gplan {
+.gtaskbarcontainer.gplan,
+.gchartlbl.gcontainercol {
     background: #252525;
     border-color: #464444;
 }
 
 .gtaskname div,
-.gtaskheading div {
-    background-color: #252525;
+.gtaskheading div,
+.gtaskname span {
     color: #c7c7c7;
 }
 
-/* Task bar colors */
-.gtaskblue {
-    background: rgb(58, 132, 195);
-    /* Old browsers */
-    background: linear-gradient(to bottom, rgba(58, 132, 195, 1) 0%, rgba(65, 154, 214, 1) 20%, rgba(75, 184, 240, 1) 40%, rgba(58, 139, 194, 1) 70%, rgba(38, 85, 139, 1) 100%);
-    /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bb8f0', endColorstr='#3a84c3', GradientType=0);
-    /* IE6-9 */
-    border-color: #252525;
-}
 
-.gtaskred {
-    background: rgb(196, 58, 58);
-    /* Old browsers */
-    background: linear-gradient(to bottom, rgba(196, 58, 58, 1) 0%, rgba(211, 65, 65, 1) 20%, rgba(239, 76, 76, 1) 40%, rgba(196, 58, 58, 1) 70%, rgba(135, 37, 37, 1) 100%);
-    /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef4c4c', endColorstr='#c43a3a', GradientType=0);
-    /* IE6-9 */
-    border-color: #252525;
-}
-
-.gtaskgreen {
-    background: rgb(80, 193, 58);
-    /* Old browsers */
-    background: linear-gradient(to bottom, rgba(80, 193, 58, 1) 0%, rgba(88, 209, 64, 1) 20%, rgba(102, 237, 75, 1) 40%, rgba(80, 193, 58, 1) 70%, rgba(53, 132, 37, 1) 100%);
-    /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ED4B', endColorstr='#50c13a', GradientType=0);
-    /* IE6-9 */
-    border-color: #252525;
-}
-
-.gtaskyellow {
-    background: rgb(247, 228, 56);
-    /* Old browsers */
-    background: linear-gradient(to bottom, rgba(247, 228, 56, 1) 0%, rgba(239, 239, 55, 1) 20%, rgba(255, 255, 58, 1) 40%, rgba(242, 236, 55, 1) 70%, rgba(241, 218, 54, 1) 100%);
-    /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff3a', endColorstr='#f7e438', GradientType=0);
-    /* IE6-9 */
-    border-color: #252525;
-}
-
-.gtaskpurple {
-    background: rgb(193, 58, 193);
-    /* Old browsers */
-    background: linear-gradient(to bottom, rgba(193, 58, 193, 1) 0%, rgba(211, 65, 211, 1) 20%, rgba(239, 76, 239, 1) 40%, rgba(193, 58, 193, 1) 70%, rgba(137, 38, 137, 1) 100%);
-    /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef4cef', endColorstr='#892689', GradientType=0);
-    /* IE6-9 */
-    border-color: #252525;
-}
-
-.gtaskpink {
-    background: rgb(249, 177, 245);
-    /* Old browsers */
-    background: linear-gradient(to bottom, rgba(249, 177, 245, 1) 0%, rgba(247, 192, 243, 1) 20%, rgba(247, 202, 244, 1) 40%, rgba(249, 192, 246, 1) 70%, rgba(252, 174, 247, 1) 100%);
-    /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7caf4', endColorstr='#fcaef7', GradientType=0);
-    /* IE6-9 */
-    border-color: #252525;
-}
-
-.gtaskbluecomplete,
-.gtaskredcomplete,
-.gtaskgreencomplete,
-.gtaskyellowcomplete,
-.gtaskpurplecomplete,
-.gtaskpinkcomplete {
-    background-color: #252525;
-    border-color: #464444;
-    ;
+.gtasklist,
+.gadditional {
+    border: #464444 1px solid
 }
 
 .gchartgrid {
@@ -235,7 +173,7 @@ div.gantt {
 
 /* Highlight row */
 .gitemhighlight td {
-    background-color: #3a3a3a;
+    background-color: #009136;
     color: #ffffff;
 }
 
@@ -281,6 +219,11 @@ div.gantt {
     font-family: Courier, "Courier New", monospace;
 }
 
+/* Highlight for collapsible row */
+.gname.ggroupitem {
+    background-color: rgb(75, 75, 75);
+}
+
 /* Form label and selected highlighting */
 .gformlabel {
     background-color: #2e2e2e;

src/blenderbim/blenderbim/bim/data/webui/templates/gantt.html

@@ -21,7 +21,7 @@
     <script defer src="./static/js/gantt.js"></script>
   </head>
   <body>
-    <nav>
+    <nav class="no-print">
       <ul>
         <li><a href="/">IFC Data</a></li>
         <li><a href="/gantt" class="active">Gantt</a></li>