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
1 .popover-size {
2 max-height: 430px !important;
3 min-height: 200px !important;
4 }
5
src/app/components/sidebar/sidebar.component.scss
Diff comments   View file @ 00d1fa8
1 .card-description{ 1 .card-description{
2 font-size: 12px; 2 font-size: 12px;
3 } 3 }
4 4
5 app-sidebar {
6 background-color: red !important;
7 }
8 5
src/assets/scss/bootstrap-override.scss
Diff comments   View file @ 00d1fa8
1 @import "../../../node_modules/bootstrap/scss/functions"; 1 @import "../../../node_modules/bootstrap/scss/functions";
2 @import "../../../node_modules/bootstrap/scss/variables"; 2 @import "../../../node_modules/bootstrap/scss/variables";
3 @import "../../../node_modules/bootstrap/scss/bootstrap.scss";
3 4
4 $theme-colors: ( 5 $theme-colors: (
5 primary: #2872ae, 6 primary: #2872ae !important,
6 light: white 7 light: white !important
7 ); 8 );
8 9
10 $primary: #2872ae !important;
11
9 .popover { 12 .popover {
10 min-width: 470px !important; 13 transform: translate3d(-464px, 0, -34px) !important;
11 max-width: auto !important; 14 min-width: 200px !important;
15 max-width: 525px !important;
12 border: none !important; 16 border: none !important;
13 border-radius: 1.5rem !important; 17 border-radius: 1.5rem !important;
14 padding: 0 !important; 18 padding: 0 !important;
19 background-color: #2872ae;
15 .popover-body { 20 .popover-body {
16 padding: 0 !important; 21 padding: 0 !important;
17 } 22 }
18 } 23 }
19 24
20 .bs-popover-left .arrow::after, 25 .bs-popover-left .arrow::after,
21 .bs-popover-auto[x-placement^="left"] .arrow::after { 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 .bs-popover-right .arrow::after, 30 .bs-popover-right .arrow::after,
26 .bs-popover-auto[x-placement^="right"] .arrow::after { 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 .bs-popover-top .arrow::after, 35 .bs-popover-top .arrow::after,
31 .bs-popover-auto[x-placement^="top"] .arrow::after { 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 .bs-popover-bottom .arrow::after, 40 .bs-popover-bottom .arrow::after,
36 .bs-popover-auto[x-placement^="bottom"] .arrow::after { 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 .list-group-item.active { 45 .list-group-item.active {
41 background-color: #2872ae !important; 46 background-color: #2872ae !important;
42 border-color: #2872ae !important; 47 border-color: #2872ae !important;
43 } 48 }
44
1 @import "./assets/scss/animation.scss"; 1 @import "./assets/scss/animation.scss";
2 @import "./assets/scss/bootstrap-override.scss"; 2 @import "./assets/scss/bootstrap-override.scss";
3 @import "../node_modules/bootstrap/scss/_variables.scss";
3 4
4 html, 5 html,
5 body { 6 body {
6 background-color: #f0f0f0; 7 background-color: #f0f0f0;
7 overflow: hidden; 8 overflow: hidden;
8 } 9 }
9 10
10 .blur { 11 .blur {
11 filter: blur(10px); 12 filter: blur(10px);
12 -webkit-filter: blur(10px); 13 -webkit-filter: blur(10px);
13 } 14 }
14 15
15 .disable-user-select { 16 .disable-user-select {
16 -webkit-user-select: none; 17 -webkit-user-select: none;
17 -moz-user-select: none; 18 -moz-user-select: none;
18 -ms-user-select: none; 19 -ms-user-select: none;
19 user-select: none; 20 user-select: none;
20 } 21 }
21 22
22 .blue-gradient { 23 .blue-gradient {
23 background: linear-gradient(0deg, #8093a4, #fcfcfc); 24 background: linear-gradient(0deg, #ffffff00, $white);
24 } 25 }
25 26
26 .rounded { 27 .rounded {
27 border-radius: 1.5rem !important; 28 border-radius: 1.5rem !important;
28 } 29 }
29 30
30 .rounded-top-sm { 31 .rounded-top-sm {
31 border-top-left-radius: 0.75rem !important; 32 border-top-left-radius: 0.75rem !important;
32 border-top-right-radius: 0.75rem !important; 33 border-top-right-radius: 0.75rem !important;
33 } 34 }
34 35
35 .rounded-sm { 36 .rounded-sm {
36 border-radius: 0.75rem !important; 37 border-radius: 0.75rem !important;
37 } 38 }
38 39
39 .card-effect { 40 .card-effect {
40 &:active { 41 &:active {
41 background-color: #c9c9c9b3 !important; 42 background-color: #c9c9c9b3 !important;
42 transition: background-color 0.5s; 43 transition: background-color 0.5s;
43 } 44 }
44 &:focus { 45 &:focus {
45 background-color: #c9c9c9b3 !important; 46 background-color: #c9c9c9b3 !important;
46 transition: background-color 0.5s; 47 transition: background-color 0.5s;
47 } 48 }
48 } 49 }
49 50
50 .overflow-scroll { 51 .overflow-scroll {
51 overflow-y: auto !important; 52 overflow-y: auto !important;
52 overflow-x: hidden !important; 53 overflow-x: hidden !important;
53 &::-webkit-scrollbar { 54 &::-webkit-scrollbar {
54 width: 0.5em; 55 width: 0.5em;
55 } 56 }
56 &::-webkit-scrollbar-track { 57 &::-webkit-scrollbar-track {
57 border-radius: 10px; 58 border-radius: 10px;
58 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); 59 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
59 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); 60 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
61 background-color: $white;
60 } 62 }
61 &::-webkit-scrollbar-thumb { 63 &::-webkit-scrollbar-thumb {
64 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
62 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); 65 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
63 outline: 1px solid slategrey; 66 outline: 1px solid slategrey;
64 border-radius: 10px; 67 border-radius: 10px;
65 height: 12px; 68 height: 12px;
66 &:active { 69 &:active {
67 box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.9); 70 box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.9);
68 -webkit-box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.9); 71 -webkit-box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.9);
69 } 72 }
70 } 73 }
71 &::-webkit-scrollbar-corner { 74 &::-webkit-scrollbar-corner {
72 border-radius: 10px; 75 border-radius: 10px;
73 } 76 }
74 } 77 }
75 78
76 .bg-gray { 79 .bg-gray {
77 background-color: #e6e6e6; 80 background-color: #e6e6e6;
78 } 81 }
79 82
80 .bg-primary-gradient { 83 .bg-primary-gradient {
81 background: linear-gradient(135deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%); 84 background: linear-gradient(135deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
82 } 85 }
83 86
84 .icon-dim { 87 .icon-dim {
85 height: 40px !important; 88 height: 40px !important;
86 width: auto !important; 89 width: auto !important;
87 background-color: white !important; 90 background-color: white !important;
88 } 91 }
89 92
90 .carousel-indicators li{ 93 .text-purple {
91 width: 10px !important; 94 color: $purple;
92 height: 10px !important; 95 }
93 border-radius: 15px !important; 96
94 border-top: black !important; 97 .vh-70 {
95 border-bottom: black !important; 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 }
97 115