EN · DE · RU · FR · ES
← Índice · ← Índice de archivos · ← Anterior · Siguiente → · 📄 fuente

#2729: ConsumptionBar.module.scss

projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss Hoja de estilo SCSS, projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss 56 líneas · 41 código · 1 comentario · 14 en blanco
Propósito: Aplicación web React: ConsumptionBar.module.scss. ConsumptionBar.module.scss es parte de la aplicación de gestión de proyectos de código abierto ProjectForge.

Fuente (primeras 100 líneas)

@import "../../../assets/style/theming";

.consumption {
  margin-top: 4px;
}

div.progress {
  // box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

div.progress div {
}

div.progress-none {
  background-color: #eeeeee;
}

div.progress-done {
  background-color: #eeeeee;
}

div.progress-done div {
  background-color: map_get($theme-colors, success);
}

div.progress-80 {
  background-color: #eeeeee;
}

div.progress-80 div {
  background-color: #fffe2e;
}

div.progress-90 {
  background-color: #eeeeee;
}

div.progress-90 div {
  background-color: map_get($theme-colors, warning);
}

div.progress-overbooked {
  background-color: map_get($theme-colors, danger);
}

div.progress-overbooked div {
  background-color: map_get($theme-colors, warning);
}

div.progress-overbooked-min {
  background-color: map_get($theme-colors, danger);
}

div.progress-overbooked-min div {
  background-color: #eeeeee;
}

Historial de Git

3490f27f1 corrección de calendario y página de hoja de horas
a595e2836 Barra de consumo finalizada (en comparación con la versión antigua de Wicket).
65de7e568 usar la barra de progreso de bootstrap en la barra de consumo
a45f08da5 corregir el uso de mixins.scss
82a7cc0be Barras de consumo en el árbol de tareas.

3490f27f1

corrección de calendario y página de hoja de horas
3490f27f105c220263fa22ff716d907beb75c5a5
diff --git a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
index 2d63cf43b..378a15a24 100644
--- a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
+++ b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
@@ -1,7 +1,7 @@
 @import "../../../assets/style/theming";
 
 .consumption {
-  margin-top: 20px;
+  margin-top: 4px;
 }
 
 div.progress {

a595e2836

Barra de consumo finalizada (en comparación con la versión antigua de Wicket).
a595e283651489f79234ab69504562630737cd57
diff --git a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
index 0f42c3ca5..2d63cf43b 100644
--- a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
+++ b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
@@ -1,30 +1,14 @@
 @import "../../../assets/style/theming";
 
 .consumption {
-  width: 20em;
   margin-top: 20px;
 }
 
 div.progress {
-  margin-top: 5px;
-  margin-bottom: 0;
-  line-height: 10px;
-  width: 50px;
-  height: 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: #aaa;
-  display: inline-block !important;
-  background-image: none;
-  overflow: hidden;
-  border-radius: 4px;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  // box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 div.progress div {
-  display: block !important;
-  border-right: 1px solid #555;
-  height: 8px;
 }
 
 div.progress-none {
@@ -44,7 +28,7 @@ div.progress-80 {
 }
 
 div.progress-80 div {
-  background-color: map_get($theme-colors, info);
+  background-color: #fffe2e;
 }
 
 div.progress-90 {

65de7e568

usar la barra de progreso de bootstrap en la barra de consumo
65de7e568a462bb9b5c27d34b6418e465de1a9cd
diff --git a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
index 30c3fad7c..0f42c3ca5 100644
--- a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
+++ b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
@@ -1,3 +1,10 @@
+@import "../../../assets/style/theming";
+
+.consumption {
+  width: 20em;
+  margin-top: 20px;
+}
+
 div.progress {
   margin-top: 5px;
   margin-bottom: 0;
@@ -29,7 +36,7 @@ div.progress-done {
 }
 
 div.progress-done div {
-  background-color: #099900;
+  background-color: map_get($theme-colors, success);
 }
 
 div.progress-80 {
@@ -37,7 +44,7 @@ div.progress-80 {
 }
 
 div.progress-80 div {
-  background-color: #ffff00;
+  background-color: map_get($theme-colors, info);
 }
 
 div.progress-90 {
@@ -45,19 +52,19 @@ div.progress-90 {
 }
 
 div.progress-90 div {
-  background-color: #ff8000;
+  background-color: map_get($theme-colors, warning);
 }
 
 div.progress-overbooked {
-  background-color: #ff0000;
+  background-color: map_get($theme-colors, danger);
 }
 
 div.progress-overbooked div {
-  background-color: #ff8000;
+  background-color: map_get($theme-colors, warning);
 }
 
 div.progress-overbooked-min {
-  background-color: #ff0000;
+  background-color: map_get($theme-colors, danger);
 }
 
 div.progress-overbooked-min div {

a45f08da5

corregir el uso de mixins.scss
a45f08da571a5954582de8bb22a7e5991d19ef7a
diff --git a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
index 453b8c106..30c3fad7c 100644
--- a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
+++ b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
@@ -1,5 +1,3 @@
-@import url(../../../assets/style/mixins.scss);
-
 div.progress {
   margin-top: 5px;
   margin-bottom: 0;

82a7cc0be

Barras de consumo en el árbol de tareas.
82a7cc0bec6a706e4fb4ac2d4d756dea6eb91530
diff --git a/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
new file mode 100644
index 000000000..453b8c106
--- /dev/null
+++ b/projectforge-webapp/src/containers/panel/task/ConsumptionBar.module.scss
@@ -0,0 +1,67 @@
+@import url(../../../assets/style/mixins.scss);
+
+div.progress {
+  margin-top: 5px;
+  margin-bottom: 0;
+  line-height: 10px;
+  width: 50px;
+  height: 8px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #aaa;
+  display: inline-block !important;
+  background-image: none;
+  overflow: hidden;
+  border-radius: 4px;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+div.progress div {
+  display: block !important;
+  border-right: 1px solid #555;
+  height: 8px;
+}
+
+div.progress-none {
+  background-color: #eeeeee;
+}
+
+div.progress-done {
+  background-color: #eeeeee;
+}
+
+div.progress-done div {
+  background-color: #099900;
+}
+
+div.progress-80 {
+  background-color: #eeeeee;
+}
+
+div.progress-80 div {
+  background-color: #ffff00;
+}
+
+div.progress-90 {
+  background-color: #eeeeee;
+}
+
+div.progress-90 div {
+  background-color: #ff8000;
+}
+
+div.progress-overbooked {