Mauricio Cattafi / autoservicio

Download as
Browse Code ยป

Commit 00d1fa84424e0acc7d61e08b7ccb11b4943376c4

Authored by Marcelo Puebla
1 parent 5413051fb8
Exists in master and in 1 other branch validar_pve

Cambios de hojas de estilo.

Showing 4 changed files with 42 additions and 20 deletions   Show diff stats
src/app/components/popover/popover.component.scss
Diff comments   View file @ 00d1fa8
... ... @@ -0,0 +1,4 @@
  1 +.popover-size {
  2 + max-height: 430px !important;
  3 + min-height: 200px !important;
  4 +}
src/app/components/sidebar/sidebar.component.scss
Diff comments   View file @ 00d1fa8
... ... @@ -2,6 +2,3 @@
2 2 font-size: 12px;
3 3 }
4 4  
5   -app-sidebar {
6   - background-color: red !important;
7   -}
src/assets/scss/bootstrap-override.scss
Diff comments   View file @ 00d1fa8
1 1 @import "../../../node_modules/bootstrap/scss/functions";
2 2 @import "../../../node_modules/bootstrap/scss/variables";
  3 +@import "../../../node_modules/bootstrap/scss/bootstrap.scss";
3 4  
4 5 $theme-colors: (
5   - primary: #2872ae,
6   - light: white
  6 + primary: #2872ae !important,
  7 + light: white !important
7 8 );
8 9  
  10 +$primary: #2872ae !important;
  11 +
9 12 .popover {
10   - min-width: 470px !important;
11   - max-width: auto !important;
  13 + transform: translate3d(-464px, 0, -34px) !important;
  14 + min-width: 200px !important;
  15 + max-width: 525px !important;
12 16 border: none !important;
13 17 border-radius: 1.5rem !important;
14 18 padding: 0 !important;
  19 + background-color: #2872ae;
15 20 .popover-body {
16 21 padding: 0 !important;
17 22 }
... ... @@ -19,27 +24,25 @@ $theme-colors: (
19 24  
20 25 .bs-popover-left .arrow::after,
21 26 .bs-popover-auto[x-placement^="left"] .arrow::after {
22   - border-left-color: #2872ae !important; // Any color here
  27 + border-left-color: #2872ae !important;
23 28 }
24 29  
25 30 .bs-popover-right .arrow::after,
26 31 .bs-popover-auto[x-placement^="right"] .arrow::after {
27   - border-right-color: #2872ae !important; // Any color here
  32 + border-right-color: #2872ae !important;
28 33 }
29 34  
30 35 .bs-popover-top .arrow::after,
31 36 .bs-popover-auto[x-placement^="top"] .arrow::after {
32   - border-top-color: #2872ae !important; // Any color here
  37 + border-top-color: #2872ae !important;
33 38 }
34 39  
35 40 .bs-popover-bottom .arrow::after,
36 41 .bs-popover-auto[x-placement^="bottom"] .arrow::after {
37   - border-bottom-color: #2872ae !important; // Any color here
  42 + border-bottom-color: #2872ae !important;
38 43 }
39 44  
40 45 .list-group-item.active {
41 46 background-color: #2872ae !important;
42 47 border-color: #2872ae !important;
43 48 }
44   -
45   -@import "../../../node_modules/bootstrap/scss/bootstrap.scss";
1 1 @import "./assets/scss/animation.scss";
2 2 @import "./assets/scss/bootstrap-override.scss";
  3 +@import "../node_modules/bootstrap/scss/_variables.scss";
3 4  
4 5 html,
5 6 body {
... ... @@ -20,7 +21,7 @@ body {
20 21 }
21 22  
22 23 .blue-gradient {
23   - background: linear-gradient(0deg, #8093a4, #fcfcfc);
  24 + background: linear-gradient(0deg, #ffffff00, $white);
24 25 }
25 26  
26 27 .rounded {
... ... @@ -57,8 +58,10 @@ body {
57 58 border-radius: 10px;
58 59 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
59 60 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  61 + background-color: $white;
60 62 }
61 63 &::-webkit-scrollbar-thumb {
  64 + box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
62 65 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
63 66 outline: 1px solid slategrey;
64 67 border-radius: 10px;
... ... @@ -87,10 +90,25 @@ body {
87 90 background-color: white !important;
88 91 }
89 92  
90   -.carousel-indicators li{
91   - width: 10px !important;
92   - height: 10px !important;
93   - border-radius: 15px !important;
94   - border-top: black !important;
95   - border-bottom: black !important;
  93 +.text-purple {
  94 + color: $purple;
  95 +}
  96 +
  97 +.vh-70 {
  98 + min-height: auto !important;
  99 + max-height: 70vh !important;
  100 +}
  101 +
  102 +.vh-60 {
  103 + min-height: auto !important;
  104 + max-height: 60vh !important;
  105 +}
  106 +
  107 +.spinner-lg{
  108 + width: 3rem !important;
  109 + height: 3rem !important;
  110 +}
  111 +
  112 +.sidebar {
  113 + right: 0;
96 114 }