viniBaxter-desk_front 37.0.0 → 40.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (20) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +2 -2
  3. data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +2 -0
  4. data/lib/viniBaxter/sass/desk_front/bootstrap/_modal.scss +19 -0
  5. data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss +5 -5
  6. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_card.scss +7 -5
  7. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/_mixins.scss +1 -1
  8. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_avatar.scss +5 -0
  9. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_dropdown.scss +2 -1
  10. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_misc.scss +74 -44
  11. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_modal.scss +5 -1
  12. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-chart.scss +31 -22
  13. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/vendor/_plugin-datetimepicker.scss +2 -1
  14. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/{_blur.scss → _blur-it.scss} +0 -0
  15. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_dropdown.scss +2 -1
  16. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_misc.scss +6 -3
  17. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_navbar.scss +2 -1
  18. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_sidebar-and-main-panel.scss +3 -4
  19. metadata +3 -4
  20. data/app/assets/images/desk_front/sidebar-cover.jpg +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4175f23f121280d4918f2e7142ed1838868ee4ed3e55427ac16ca5f7000edd54
4
- data.tar.gz: 07e6904638a37dd9f2d7c97604cbf1a367718e97befc085aec9f5b85b194c230
3
+ metadata.gz: abca2a870b50e32818790f83418f2dd818056277a4fadc89b876ef6f6e2e9ee6
4
+ data.tar.gz: f1a6b53105f1a98410c5b14fe6883c17a565a4eb1c4ac29672f87894074bc4d1
5
5
  SHA512:
6
- metadata.gz: ada9610b43bbfb0c1e9f722cf46eba0325a84ad015691b947ec246adc28e5d1a9d3da0dbd84ab6ce5d508822a157cb5b72e88109a5a301e5c72c1b69311faa27
7
- data.tar.gz: 69820b7e9ef5b0e04fdd969efd768ca11683896d5b589614939697caa146918f9cdeb06396c40b940de3f4120a4a39e3654867e304a0b676a8fa9830a0ed60d1
6
+ metadata.gz: c9d18c95c6a9e6856c25e17127a0cdaf5d50ce1814c7fd557ea53dee4f0d55acad6835ba6c701306384577a54f90e31237b1ec07bd86641a6dac2d363749ddad
7
+ data.tar.gz: 9a9a562c5fd48484573d03b9ecfe3f61cd4cf03c30d670f3d4ae1d040a468ff69d596b205fb95c5452e606d456a8233f215e84954d5adb1b44a389e51696833c
@@ -1,7 +1,7 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- MAJOR = 37
4
- MINOR = 0
3
+ MAJOR = 40
4
+ MINOR = 2
5
5
  TINY = 0
6
6
  # PRE = "alpha"
7
7
 
@@ -12,6 +12,8 @@
12
12
  background-color: $card-bg;
13
13
  background-clip: border-box;
14
14
  border: $card-border-width solid $card-border-color;
15
+ backdrop-filter: saturate(101.8%) blur(7px) !important;
16
+ background-color: rgba(255, 255, 255, 0.1) !important;
15
17
  @include border-radius($card-border-radius);
16
18
 
17
19
  >hr {
@@ -122,6 +122,25 @@
122
122
  outline: 0;
123
123
  }
124
124
 
125
+ // Modal background
126
+ .modal-backdrop {
127
+ position: fixed;
128
+ top: 0;
129
+ left: 0;
130
+ z-index: $zindex-modal-backdrop;
131
+ width: 100vw;
132
+ height: 100vh;
133
+ background-color: $modal-backdrop-bg;
134
+
135
+ // Fade for backdrop
136
+ &.fade {
137
+ opacity: 0;
138
+ }
139
+
140
+ &.show {
141
+ opacity: $modal-backdrop-opacity;
142
+ }
143
+ }
125
144
 
126
145
 
127
146
  // Modal header
@@ -65,11 +65,11 @@ body {
65
65
  padding-top: $padding-body-lg-fixed-nav;
66
66
  }
67
67
 
68
- // a,
69
- // p {
70
- // font-weight: $font-weight-light;
71
- // @include font-size($paragraph-font-size);
72
- // }
68
+ a,
69
+ p {
70
+ font-weight: $font-weight-light;
71
+ @include font-size($paragraph-font-size);
72
+ }
73
73
  }
74
74
 
75
75
  // Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
@@ -9,11 +9,13 @@
9
9
  position: relative;
10
10
  width: 100%;
11
11
  }
12
+
12
13
  .love-card {
13
14
  font-size: 35px;
14
15
  letter-spacing: 0px;
15
16
  font-weight: 800;
16
17
  font-family: circular;
18
+
17
19
  &.place {
18
20
  font-size: 18px;
19
21
  // @media screen and (min-width: 1300px) {
@@ -64,7 +66,7 @@ a.card-meta {
64
66
  background-color: unset;
65
67
  }
66
68
 
67
- .card-flush > *:not(.card-btn) {
69
+ .card-flush>*:not(.card-btn) {
68
70
  padding-left: 0;
69
71
  padding-right: 0;
70
72
  }
@@ -184,7 +186,7 @@ a.card-meta {
184
186
  @include media-breakpoint-only(sm) {
185
187
  flex-direction: column !important;
186
188
 
187
- > .card {
189
+ >.card {
188
190
  flex: auto;
189
191
  }
190
192
  }
@@ -218,11 +220,11 @@ a.card-meta {
218
220
  border-radius: inherit;
219
221
  }
220
222
 
221
- .card-zoom > [class*='card-img'] {
223
+ .card-zoom>[class*='card-img'] {
222
224
  transition: all 0.3s ease;
223
225
  transform-origin: center center;
224
226
  }
225
227
 
226
- .card:hover > .card-zoom > [class*='card-img'] {
228
+ .card:hover>.card-zoom>[class*='card-img'] {
227
229
  transform: scale(1.1);
228
- }
230
+ }
@@ -15,4 +15,4 @@
15
15
  @import 'mixins/popovers';
16
16
  @import 'mixins/vendor-prefixes';
17
17
  @import 'mixins/wizard';
18
- @import 'mixins/blur';
18
+ @import 'mixins/blur-it';
@@ -61,6 +61,7 @@
61
61
  // Status
62
62
 
63
63
  .avatar-online,
64
+ .avatar-not-active,
64
65
  .avatar-offline,
65
66
  .card-notselected,
66
67
  .card-selected {
@@ -89,6 +90,10 @@
89
90
  background-color: $gray-500;
90
91
  }
91
92
 
93
+ .avatar-not-active::before {
94
+ background-color: $primary;
95
+ }
96
+
92
97
  .card-notselected::before {
93
98
  background-color: $warning;
94
99
  }
@@ -87,7 +87,8 @@
87
87
  top: 1px;
88
88
  }
89
89
 
90
- .tim-icons {
90
+ .tim-icons,
91
+ .v2lrf-by-nucleo {
91
92
  margin-right: 10px;
92
93
  position: relative;
93
94
  top: 4px;
@@ -1,4 +1,3 @@
1
-
2
1
  /* Animations */
3
2
  .nav-pills .nav-link,
4
3
  .navbar,
@@ -10,24 +9,24 @@
10
9
  .animation-transition-general,
11
10
  .tag,
12
11
  .tag [data-role="remove"],
13
- .animation-transition-general{
14
- @include transitions($general-transition-time, $transition-ease);
12
+ .animation-transition-general {
13
+ @include transitions($general-transition-time, $transition-ease);
15
14
  }
16
15
 
17
16
  //transition for dropdown caret
18
17
  .bootstrap-switch-label:before,
19
- .caret{
20
- @include transitions($fast-transition-time, $transition-ease);
18
+ .caret {
19
+ @include transitions($fast-transition-time, $transition-ease);
21
20
  }
22
21
 
23
22
  .dropdown-toggle[aria-expanded="true"]:after,
24
23
  a[data-toggle="collapse"][aria-expanded="true"] .caret,
25
24
  .card-collapse .card a[data-toggle="collapse"][aria-expanded="true"] i,
26
- .card-collapse .card a[data-toggle="collapse"].expanded i{
27
- @include rotate-180();
25
+ .card-collapse .card a[data-toggle="collapse"].expanded i {
26
+ @include rotate-180();
28
27
  }
29
28
 
30
- .caret{
29
+ .caret {
31
30
  width: 0;
32
31
  height: 0;
33
32
  vertical-align: middle;
@@ -40,10 +39,11 @@ a[data-toggle="collapse"][aria-expanded="true"] .caret,
40
39
  margin-left: 5px;
41
40
  }
42
41
 
43
- .pull-left{
42
+ .pull-left {
44
43
  float: left;
45
44
  }
46
- .pull-right{
45
+
46
+ .pull-right {
47
47
  float: right;
48
48
  }
49
49
 
@@ -52,7 +52,7 @@ a[data-toggle="collapse"][aria-expanded="true"] .caret,
52
52
 
53
53
  .card {
54
54
  form {
55
- label + .form-control {
55
+ label+.form-control {
56
56
  margin-bottom: 20px;
57
57
  }
58
58
  }
@@ -62,7 +62,7 @@ a[data-toggle="collapse"][aria-expanded="true"] .caret,
62
62
 
63
63
  .offline-doc {
64
64
  .page-header:before {
65
- background: rgba(0,0,0,.75);
65
+ background: rgba(0, 0, 0, .75);
66
66
  }
67
67
 
68
68
  .navbar {
@@ -85,17 +85,18 @@ a[data-toggle="collapse"][aria-expanded="true"] .caret,
85
85
  color: $white;
86
86
  }
87
87
 
88
- .table {
89
- tr td {
90
- p.title {
91
- padding-top: 7px;
92
- margin-bottom: 0;
93
- }
88
+ .table {
89
+ tr td {
90
+ p.title {
91
+ padding-top: 7px;
92
+ margin-bottom: 0;
94
93
  }
95
94
  }
95
+ }
96
96
 
97
97
 
98
98
  &.card-chart {
99
+
99
100
  .gmnoprint,
100
101
  .gm-style-cc {
101
102
  display: none !important;
@@ -107,8 +108,16 @@ a[data-toggle="collapse"][aria-expanded="true"] .caret,
107
108
 
108
109
  .bd-docs {
109
110
 
110
- h1,h2,h3,h4,h5,h6,p,ul li,ol li{
111
- color:#2c2c2c;
111
+ h1,
112
+ h2,
113
+ h3,
114
+ h4,
115
+ h5,
116
+ h6,
117
+ p,
118
+ ul li,
119
+ ol li {
120
+ color: #2c2c2c;
112
121
  }
113
122
 
114
123
 
@@ -117,11 +126,14 @@ a[data-toggle="collapse"][aria-expanded="true"] .caret,
117
126
 
118
127
  }
119
128
 
120
- .blockquote, .blockquote p, .card p{
121
- color: rgba($white,0.8);
129
+ .blockquote,
130
+ .blockquote p,
131
+ .card p {
132
+ color: rgba($white, 0.8);
122
133
  }
134
+
123
135
  .bd-example {
124
- background: linear-gradient(#1e1e2f,#1e1e24);
136
+ background: linear-gradient(#1e1e2f, #1e1e24);
125
137
 
126
138
  }
127
139
 
@@ -129,26 +141,28 @@ a[data-toggle="collapse"][aria-expanded="true"] .caret,
129
141
  border-top: none;
130
142
 
131
143
  .navbar-nav .nav-link {
132
- color: rgba(255,255,255,.8) !important;
144
+ color: rgba(255, 255, 255, .8) !important;
133
145
  }
134
146
  }
135
147
 
136
148
  .bd-example {
137
149
 
138
- .btn{
150
+ .btn {
139
151
  margin: 4px 0;
140
152
  }
153
+
141
154
  .btn .badge {
142
155
  display: inline-block;
143
156
  }
144
157
 
145
- .tim-icons{
158
+ .tim-icons,
159
+ .v2lrf-by-nucleo {
146
160
  color: $white;
147
161
  }
148
162
 
149
163
  .popover .popover-header {
150
- color: hsla(0,0%,71%,.6);
151
- }
164
+ color: hsla(0, 0%, 71%, .6);
165
+ }
152
166
 
153
167
 
154
168
  .popover-body {
@@ -157,59 +171,75 @@ a[data-toggle="collapse"][aria-expanded="true"] .caret,
157
171
  }
158
172
  }
159
173
 
160
- &.tooltip-demo p{
161
- color: rgba($white,.8);
174
+ &.tooltip-demo p {
175
+ color: rgba($white, .8);
162
176
  }
163
177
  }
164
178
 
165
179
  .card.card-body,
166
180
  .card .card-body {
167
- color: hsla(0,0%,100%,.8);
181
+ color: hsla(0, 0%, 100%, .8);
168
182
  }
169
183
 
170
184
  label,
171
185
  .form-check {
172
- color: hsla(0,0%,100%,.8);
186
+ color: hsla(0, 0%, 100%, .8);
173
187
  }
174
188
 
175
- .form-check + .btn {
189
+ .form-check+.btn {
176
190
  margin-top: 20px;
177
191
  }
178
192
 
179
193
  .bd-example,
180
194
  table {
181
195
  thead th {
182
- color: hsla(0,0%,100%,.8);
196
+ color: hsla(0, 0%, 100%, .8);
183
197
  }
184
198
 
185
- h1, h2, h3, h4, h5, h6,
186
- .h1, .h2, .h3, .h4, .h5, .h6 {
187
- color: hsla(0,0%,100%,.8);
199
+ h1,
200
+ h2,
201
+ h3,
202
+ h4,
203
+ h5,
204
+ h6,
205
+ .h1,
206
+ .h2,
207
+ .h3,
208
+ .h4,
209
+ .h5,
210
+ .h6 {
211
+ color: hsla(0, 0%, 100%, .8);
188
212
  }
189
213
 
190
- .datepicker{
191
- thead th, table thead th,.tim-icons{
214
+ .datepicker {
215
+
216
+ thead th,
217
+ table thead th,
218
+ .tim-icons,
219
+ .v2lrf-by-nucleo {
192
220
  color: $primary;
193
221
  }
194
222
 
195
223
  }
196
224
 
197
- .picker-switch .tim-icons{
225
+ .picker-switch .tim-icons,
226
+ .picker-switch .v2lrf-by-nucleo {
198
227
  color: $primary;
199
228
  }
200
229
  }
201
230
 
202
231
  .footer {
203
- .container-fluid > nav {
232
+ .container-fluid>nav {
204
233
  display: inline-block;
205
234
  }
206
235
  }
207
236
  }
237
+
208
238
  .modal.show .modal-dialog {
209
- -webkit-transform: translate(0,30%);
210
- transform: translate(0,30%);
239
+ -webkit-transform: translate(0, 30%);
240
+ transform: translate(0, 30%);
211
241
  }
212
242
 
213
243
  code {
214
244
  color: $pink;
215
- }
245
+ }
@@ -7,7 +7,7 @@
7
7
  // Bootstrap Overrides =======================
8
8
  //
9
9
  .modal {
10
- z-index: 99999;
10
+ z-index: 1059;
11
11
  }
12
12
 
13
13
  .modal-dialog {
@@ -39,6 +39,10 @@
39
39
  max-width: $modal-dialog-vertical-width;
40
40
  margin: 0;
41
41
 
42
+ &.w-100 {
43
+ max-width: 100vw !important;
44
+ }
45
+
42
46
  &.large {
43
47
  max-width: $modal-dialog-vertical-width-md !important;
44
48
  }
@@ -1,30 +1,35 @@
1
1
  .card-chart {
2
2
  overflow: hidden;
3
- .card-header{
4
- .card-title{
5
- i{
3
+
4
+ .card-header {
5
+ .card-title {
6
+ i {
6
7
  font-size: 16px;
7
8
  margin-right: 5px;
8
9
  margin-bottom: 3px;
9
10
  }
10
11
  }
11
- .card-category{
12
+
13
+ .card-category {
12
14
  margin-bottom: 5px;
13
15
  }
14
16
  }
15
- .card-body{
16
- padding-left: 5px;
17
- padding-right: 5px;
18
- .tab-space{
19
- padding: 0;
20
- }
17
+
18
+ .card-body {
19
+ padding-left: 5px;
20
+ padding-right: 5px;
21
+
22
+ .tab-space {
23
+ padding: 0;
21
24
  }
22
- .table{
25
+ }
26
+
27
+ .table {
23
28
  margin-bottom: 0;
24
29
 
25
- td{
30
+ td {
26
31
  border-top: none;
27
- border-bottom: 1px solid rgba($white,0.1);
32
+ border-bottom: 1px solid rgba($white, 0.1);
28
33
  }
29
34
  }
30
35
 
@@ -37,33 +42,35 @@
37
42
  height: 220px;
38
43
  width: 100%;
39
44
  }
45
+
40
46
  .card-footer {
41
47
  margin-top: 15px;
42
48
 
43
- .stats{
49
+ .stats {
44
50
  color: $dark-gray;
45
51
  }
46
52
  }
47
53
 
48
- .dropdown{
54
+ .dropdown {
49
55
  position: absolute;
50
56
  right: 20px;
51
57
  top: 20px;
52
58
 
53
- .btn{
59
+ .btn {
54
60
  margin: 0;
55
61
  }
56
62
  }
57
63
 
58
- &.card-chart-pie{
59
- .chart-area{
64
+ &.card-chart-pie {
65
+ .chart-area {
60
66
  padding: 10px 0 25px;
61
67
  height: auto;
62
68
  }
63
69
 
64
- .card-title{
70
+ .card-title {
65
71
  margin-bottom: 10px;
66
- i{
72
+
73
+ i {
67
74
  font-size: 1rem;
68
75
  }
69
76
  }
@@ -75,10 +82,12 @@
75
82
  @include media-breakpoint-down(sm) {
76
83
  .card.card-chart {
77
84
  .card-header .btn-group-toggle {
78
- .tim-icons {
85
+
86
+ .tim-icons,
87
+ .v2lrf-by-nucleo {
79
88
  font-size: $font-size-base;
80
89
  top: -1px;
81
90
  }
82
91
  }
83
92
  }
84
- }
93
+ }
@@ -34,7 +34,8 @@
34
34
  width: 254px;
35
35
  max-width: 254px;
36
36
 
37
- .tim-icons {
37
+ .tim-icons,
38
+ .v2lrf-by-nucleo {
38
39
  opacity: 1;
39
40
  }
40
41
 
@@ -87,7 +87,8 @@
87
87
  top: 1px;
88
88
  }
89
89
 
90
- .tim-icons {
90
+ .tim-icons,
91
+ .v2lrf-by-nucleo {
91
92
  margin-right: 10px;
92
93
  position: relative;
93
94
  top: 4px;
@@ -148,7 +148,8 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
148
148
  display: inline-block;
149
149
  }
150
150
 
151
- .tim-icons {
151
+ .tim-icons,
152
+ .v2lrf-by-nucleo {
152
153
  color: $white;
153
154
  }
154
155
 
@@ -206,12 +207,14 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
206
207
 
207
208
  thead th,
208
209
  table thead th,
209
- .tim-icons {
210
+ .tim-icons,
211
+ .v2lrf-by-nucleo {
210
212
  color: $primary;
211
213
  }
212
214
  }
213
215
 
214
- .picker-switch .tim-icons {
216
+ .picker-switch .tim-icons,
217
+ .picker-switch .v2lrf-by-nucleo {
215
218
  color: $primary;
216
219
  }
217
220
  }
@@ -400,7 +400,8 @@
400
400
  .nav-link {
401
401
 
402
402
  i.fa,
403
- i.tim-icons {
403
+ i.tim-icons,
404
+ i.v2lrf-by-nucleo {
404
405
  opacity: 0.5;
405
406
  }
406
407
  }
@@ -72,7 +72,6 @@
72
72
  display: block;
73
73
  line-height: 23px;
74
74
  z-index: 1;
75
- color: $opacity-8;
76
75
  }
77
76
 
78
77
  .sidebar-mini-icon {
@@ -544,7 +543,7 @@
544
543
  border-right: 0px;
545
544
  transition: all 0.3s linear;
546
545
  border-radius: $border-radius-1NTF;
547
- padding: 0px !important;
546
+ // padding: 0px !important;
548
547
 
549
548
  .table-striped tbody tr:nth-of-type(even) {
550
549
  background-color: #fbfbfb00 !important;
@@ -572,13 +571,13 @@
572
571
 
573
572
  &.ouset-shadow {
574
573
  position: relative;
575
- z-index: 1135 !important;
574
+ z-index: 1055 !important;
576
575
  box-shadow: $box-outset-shadow-1NTF;
577
576
  border: 3px solid white;
578
577
  border-right: 0px;
579
578
  transition: all 0.3s linear;
580
579
  border-radius: $border-radius-1NTF;
581
- padding: 0px !important;
580
+ // padding: 0px !important;
582
581
 
583
582
  @if $max-heigh-1NTF {
584
583
  height: $max-heigh-value-1NTF;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: viniBaxter-desk_front
3
3
  version: !ruby/object:Gem::Version
4
- version: 37.0.0
4
+ version: 40.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - viny baxter
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2021-04-12 00:00:00.000000000 Z
11
+ date: 2021-04-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -73,7 +73,6 @@ files:
73
73
  - app/assets/images/desk_front/avatar-group.svg
74
74
  - app/assets/images/desk_front/avatar-status.svg
75
75
  - app/assets/images/desk_front/icon-status.svg
76
- - app/assets/images/desk_front/sidebar-cover.jpg
77
76
  - bin/console
78
77
  - bin/setup
79
78
  - image_setUP.md
@@ -313,7 +312,7 @@ files:
313
312
  - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_alert.scss
314
313
  - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_background-variant.scss
315
314
  - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_badges.scss
316
- - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_blur.scss
315
+ - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_blur-it.scss
317
316
  - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_caret-color.scss
318
317
  - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_dropdown.scss
319
318
  - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_forms.scss