viniBaxter-desk_front 12.0.0 → 17.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 53957ff427d87e12f96d5b6fc906eec8350b3110e621ef6cb7897bd1abfb63a0
4
- data.tar.gz: 79ef40b3b774452da62fef52af1641fe4ed3b8a6dfa73901edc7dc64069d7202
3
+ metadata.gz: f4bd1dcb2086219ea057d4517d3e4a8f201f63527c3d09b63cfd3b808d551311
4
+ data.tar.gz: 8342cb5ed6ba2541b732ee65a938e4ee3a9f17bd1e2bfc7829e4d2d951659999
5
5
  SHA512:
6
- metadata.gz: 6deab8a8727b86656e988219d9dceb7fa523cc3d3dc7e4364b846b4e109e027472e6ff75d3a09c9fcde00bd57af6ac151bac969b881b40554663351f09be4d6e
7
- data.tar.gz: 9aa3e3cb62a1621bd4cdcf637fb1963eeadc72fcaea8e09c969e6070e7c68bac9c6ca0b364f2c97972ee3c1d7800c6dd5730aeb2cf7f3689b42acc5b6426520a
6
+ metadata.gz: b4fafd57aefaba9344e6d0036f584fade6554769d8e7336df9eda3abee1eeab8b22e38dd270d74ce5b9f90c935a4ab460b7665e7f6be16278c0824f2e7069a53
7
+ data.tar.gz: b41ed0e962dc5cd1e5b63fc609a69e41fb865755e23a5704c5f4694212761f56e6d401dd7db27296fa3508516f408718aa7689156c25665abff1ebd5c3e39073
@@ -1,5 +1,5 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- VERSION = "12.0.0"
3
+ VERSION = "17.0.0"
4
4
  end
5
5
  end
@@ -25,7 +25,7 @@
25
25
  // @import "custom/images";
26
26
  // @import "custom/input-group";
27
27
  // @import "custom/info-areas";
28
- // @import "custom/pagination";
28
+ @import 'custom/pagination';
29
29
  // @import "custom/pills";
30
30
  // @import "custom/popover";
31
31
  // @import "custom/progress";
@@ -42,8 +42,8 @@
42
42
 
43
43
  @import './custom/vendor/plugin-datetimepicker';
44
44
  @import './custom/vendor/plugin-nouislider';
45
- @import './custom/vendor/plugin-fullcalendar';
46
- @import './custom/vendor/plugin-sweetalert2';
45
+ // @import './custom/vendor/plugin-fullcalendar';
46
+ // @import './custom/vendor/plugin-sweetalert2';
47
47
  @import './custom/vendor/plugin-bootstrap-switch';
48
48
  @import './custom/vendor/plugin-bootstrap-select';
49
49
  @import './custom/vendor/plugin-new-bootstrap-select';
@@ -1,141 +1,146 @@
1
1
  .pagination {
2
- .page-item .page-link {
3
- border: 0;
4
- border-radius: 30px !important;
5
- transition: all .3s;
6
- margin: 0 3px;
7
- min-width: 30px;
8
- text-align: center;
9
- height: 30px;
10
- line-height: 30px;
11
- cursor: pointer;
12
- text-transform: uppercase;
13
- outline: none;
14
-
15
- &:hover,
16
- &:focus {
17
- background-color: rgba($white, 0.1);
18
- color: $white;
19
- border: none;
20
- box-shadow: none;
21
- }
2
+ .page-item .page-link {
3
+ border: 0;
4
+ border-radius: 30px !important;
5
+ transition: all 0.3s;
6
+ margin: 0 3px;
7
+ min-width: 30px;
8
+ text-align: center;
9
+ height: 30px;
10
+ line-height: 30px;
11
+ cursor: pointer;
12
+ text-transform: uppercase;
13
+ outline: none;
14
+
15
+ &:hover,
16
+ &:focus {
17
+ background-color: rgba($white, 0.1);
18
+ color: $white;
19
+ border: none;
20
+ box-shadow: none;
22
21
  }
22
+ }
23
23
 
24
- .arrow-margin-left,
25
- .arrow-margin-right {
26
- position: absolute;
27
- }
24
+ .arrow-margin-left,
25
+ .arrow-margin-right {
26
+ position: absolute;
27
+ }
28
28
 
29
- .arrow-margin-right {
30
- right: 0;
31
- }
29
+ .arrow-margin-right {
30
+ right: 0;
31
+ }
32
32
 
33
- .arrow-margin-left {
34
- left: 0;
35
- }
33
+ .arrow-margin-left {
34
+ left: 0;
35
+ }
36
36
 
37
- .page-item.active > .page-link {
38
- color: $white;
39
- box-shadow: $box-shadow;
37
+ .page-item.active > .page-link {
38
+ color: $white;
39
+ box-shadow: $box-shadow;
40
40
 
41
- &,
42
- &:focus,
43
- &:hover{
44
- @include diagonal-gradient($primary, $primary-states);
41
+ &,
42
+ &:focus,
43
+ &:hover {
44
+ @include diagonal-gradient($primary, $primary-states);
45
45
 
46
- color: $white;
47
- }
46
+ color: $white;
48
47
  }
48
+ }
49
49
 
50
- .page-item.disabled > .page-link{
51
- opacity: .5;
52
- }
50
+ .page-item.disabled > .page-link {
51
+ opacity: 0.5;
52
+ }
53
53
 
54
- // Colors
55
- &.pagination-info{
56
- .page-item.active > .page-link{
57
- &,
58
- &:focus,
59
- &:hover{
60
- @include diagonal-gradient($info, $info-states);
61
- }
62
- }
54
+ // Colors
55
+ &.pagination-info {
56
+ .page-item.active > .page-link {
57
+ &,
58
+ &:focus,
59
+ &:hover {
60
+ @include diagonal-gradient($info, $info-states);
61
+ }
63
62
  }
63
+ }
64
64
 
65
- &.pagination-success{
66
- .page-item.active > .page-link{
67
- &,
68
- &:focus,
69
- &:hover{
70
- @include diagonal-gradient($success, $success-states);
71
- }
72
- }
65
+ &.pagination-success {
66
+ .page-item.active > .page-link {
67
+ &,
68
+ &:focus,
69
+ &:hover {
70
+ @include diagonal-gradient($success, $success-states);
71
+ }
73
72
  }
73
+ }
74
74
 
75
- &.pagination-primary{
76
- .page-item.active > .page-link{
77
- &,
78
- &:focus,
79
- &:hover{
80
- @include diagonal-gradient($primary, $primary-states);
81
-
82
- }
83
- }
75
+ &.pagination-primary {
76
+ .page-item.active > .page-link {
77
+ &,
78
+ &:focus,
79
+ &:hover {
80
+ @include diagonal-gradient($primary, $primary-states);
81
+ }
84
82
  }
83
+ }
85
84
 
86
- &.pagination-warning{
87
- .page-item.active > .page-link{
88
- &,
89
- &:focus,
90
- &:hover{
91
- @include diagonal-gradient($warning, $warning-states);
85
+ &.pagination-warning {
86
+ .page-item.active > .page-link {
87
+ &,
88
+ &:focus,
89
+ &:hover {
90
+ @include diagonal-gradient($warning, $warning-states);
91
+ }
92
+ }
93
+ }
94
+ &.pagination-dark {
95
+ .page-item.active > .page-link {
96
+ &,
97
+ &:focus,
98
+ &:hover {
99
+ @include diagonal-gradient($dark, $warning);
100
+ }
101
+ }
102
+ }
92
103
 
93
- }
94
- }
104
+ &.pagination-danger {
105
+ .page-item.active > .page-link {
106
+ &,
107
+ &:focus,
108
+ &:hover {
109
+ @include diagonal-gradient($danger, $danger-states);
110
+ }
95
111
  }
112
+ }
96
113
 
97
- &.pagination-danger{
98
- .page-item.active > .page-link{
99
- &,
100
- &:focus,
101
- &:hover{
102
- @include diagonal-gradient($danger, $danger-states);
114
+ &.pagination-neutral {
115
+ .page-item > .page-link {
116
+ color: $white;
103
117
 
104
- }
105
- }
118
+ &:focus,
119
+ &:hover {
120
+ background-color: $opacity-2;
121
+ color: $white;
122
+ }
106
123
  }
107
124
 
108
- &.pagination-neutral{
109
- .page-item > .page-link{
110
- color: $white;
111
-
112
- &:focus,
113
- &:hover{
114
- background-color: $opacity-2;
115
- color: $white;
116
- }
117
- }
118
-
119
- .page-item.active > .page-link{
120
- &,
121
- &:focus,
122
- &:hover{
123
- background-color: $white;
124
- border-color: $white;
125
- color: $brand-primary;
126
- }
127
- }
125
+ .page-item.active > .page-link {
126
+ &,
127
+ &:focus,
128
+ &:hover {
129
+ background-color: $white;
130
+ border-color: $white;
131
+ color: $brand-primary;
132
+ }
128
133
  }
129
-
134
+ }
130
135
  }
131
136
 
132
- @include media-breakpoint-down(sm){
137
+ @include media-breakpoint-down(sm) {
133
138
  div.dataTables_paginate ul.pagination {
134
139
  .page-item:first-of-type,
135
140
  .page-item:nth-of-type(2),
136
141
  .page-item:nth-of-type(8),
137
142
  .page-item:last-of-type {
138
- display: none !important;
139
- }
143
+ display: none !important;
144
+ }
140
145
  }
141
146
  }
@@ -19,14 +19,13 @@
19
19
  position: absolute;
20
20
  width: 0;
21
21
  height: 0;
22
- background-image: url(image-path("desk_front/avatar-status.svg")),
23
- url(image-path("desk_front/avatar-group.svg")),
24
- url(image-path("desk_front/avatar-group-hover.svg")),
25
- url(image-path("desk_front/avatar-group-hover-last.svg"));
22
+ background-image: url(image-path('desk_front/avatar-status.svg')),
23
+ url(image-path('desk_front/avatar-group.svg')),
24
+ url(image-path('desk_front/avatar-group-hover.svg')),
25
+ url(image-path('desk_front/avatar-group-hover-last.svg'));
26
26
  }
27
27
  }
28
28
 
29
-
30
29
  .avatar-img {
31
30
  width: 100%;
32
31
  height: 100%;
@@ -44,12 +43,12 @@
44
43
  color: $avatar-title-color;
45
44
  }
46
45
 
47
-
48
46
  // Status
49
47
 
50
48
  .avatar-online,
51
- .avatar-offline {
52
-
49
+ .avatar-offline,
50
+ .card-notselected,
51
+ .card-selected {
53
52
  &::before {
54
53
  content: '';
55
54
  position: absolute;
@@ -61,12 +60,13 @@
61
60
  }
62
61
 
63
62
  .avatar-img {
64
- mask-image: url(image-path("desk_front/avatar-status.svg"));
63
+ mask-image: url(image-path('desk_front/avatar-status.svg'));
65
64
  mask-size: 100% 100%;
66
65
  }
67
66
  }
68
67
 
69
- .avatar-online::before {
68
+ .avatar-online::before,
69
+ .card-selected::before {
70
70
  background-color: $success;
71
71
  }
72
72
 
@@ -74,6 +74,9 @@
74
74
  background-color: $gray-500;
75
75
  }
76
76
 
77
+ .card-notselected::before {
78
+ background-color: $warning;
79
+ }
77
80
 
78
81
  // Sizing
79
82
 
@@ -113,7 +116,6 @@
113
116
  }
114
117
  }
115
118
 
116
-
117
119
  // Ratio
118
120
 
119
121
  .avatar.avatar-4by3 {
@@ -140,7 +142,6 @@
140
142
  width: $avatar-size-xxl * 4 / 3;
141
143
  }
142
144
 
143
-
144
145
  // Group
145
146
 
146
147
  .avatar-group {
@@ -173,9 +174,9 @@
173
174
  }
174
175
 
175
176
  // Add some spacing between avatars
176
-
177
+
177
178
  .avatar:not(:last-child) {
178
- mask-image: url(image-path("desk_front/avatar-group.svg"));
179
+ mask-image: url(image-path('desk_front/avatar-group.svg'));
179
180
  mask-size: 100% 100%;
180
181
  }
181
182
 
@@ -186,13 +187,12 @@
186
187
  z-index: 1;
187
188
 
188
189
  + .avatar {
189
- mask-image: url(image-path("desk_front/avatar-group-hover.svg"));
190
+ mask-image: url(image-path('desk_front/avatar-group-hover.svg'));
190
191
  mask-size: 100% 100%;
191
192
 
192
193
  &:last-child {
193
- mask-image: url(image-path("desk_front/avatar-group-hover-last.svg"));
194
+ mask-image: url(image-path('desk_front/avatar-group-hover-last.svg'));
194
195
  }
195
196
  }
196
197
  }
197
-
198
198
  }
@@ -14,6 +14,9 @@
14
14
  letter-spacing: 0px;
15
15
  font-weight: 800;
16
16
  font-family: circular;
17
+ &.place {
18
+ font-size: 4vh;
19
+ }
17
20
  }
18
21
 
19
22
  .card-body {
@@ -1,4 +1,4 @@
1
- //
1
+ avatar-online//
2
2
  // device.scss
3
3
  // Theme component
4
4
  //
@@ -12,7 +12,7 @@
12
12
  }
13
13
 
14
14
  .device::before {
15
- content: "";
15
+ content: '';
16
16
  background-color: $light;
17
17
  }
18
18
 
@@ -22,24 +22,26 @@
22
22
  object-fit: cover;
23
23
  }
24
24
 
25
-
26
25
  //
27
26
  // Single devices
28
27
  //
29
28
 
30
29
  .device-iphonex::before,
31
30
  .device-iphonex > .device-screen {
32
- top: 7.784431138%; left: 16.4021164%;
33
- width: 66.137566137%; height: 80.838323353%;
31
+ top: 7.784431138%;
32
+ left: 16.4021164%;
33
+ width: 66.137566137%;
34
+ height: 80.838323353%;
34
35
  }
35
36
 
36
37
  .device-macbook::before,
37
38
  .device-macbook > .device-screen {
38
- top: 11.53846154%; left: 13.38709677%;
39
- width: 73.548387096%; height: 73.076923076%;
39
+ top: 11.53846154%;
40
+ left: 13.38709677%;
41
+ width: 73.548387096%;
42
+ height: 73.076923076%;
40
43
  }
41
44
 
42
-
43
45
  //
44
46
  // Combos
45
47
  //
@@ -57,15 +59,16 @@
57
59
  }
58
60
 
59
61
  .device-combo-iphonex-iphonex > .device-iphonex {
60
-
61
62
  &:first-child {
62
- bottom: 0; left: 0;
63
+ bottom: 0;
64
+ left: 0;
63
65
  width: 65.5260116%;
64
66
  z-index: 1;
65
67
  }
66
68
 
67
69
  &:last-child {
68
- top: 0; right: 0;
70
+ top: 0;
71
+ right: 0;
69
72
  width: 72.8323699%;
70
73
  }
71
74
  }
@@ -87,17 +90,21 @@
87
90
  }
88
91
 
89
92
  .device-combo-macbook-iphonex > .device-macbook {
90
- top: 0; left: 0;
93
+ top: 0;
94
+ left: 0;
91
95
  }
92
96
 
93
97
  .device-combo-iphonex-macbook > .device-macbook {
94
- top: 0; right: 0;
98
+ top: 0;
99
+ right: 0;
95
100
  }
96
101
 
97
102
  .device-combo-macbook-iphonex > .device-iphonex {
98
- bottom: 0; right: 0;
103
+ bottom: 0;
104
+ right: 0;
99
105
  }
100
106
 
101
107
  .device-combo-iphonex-macbook > .device-iphonex {
102
- bottom: 0; left: 0;
103
- }
108
+ bottom: 0;
109
+ left: 0;
110
+ }
@@ -3,39 +3,39 @@
3
3
  // Theme component
4
4
  //
5
5
 
6
- .icon>svg {
6
+ .icon > svg {
7
7
  width: $icon-size-base;
8
8
  height: $icon-size-base;
9
9
  }
10
10
 
11
- .icon>img {
11
+ .icon > img {
12
12
  width: $icon-size-base;
13
13
  height: $icon-size-base;
14
14
  }
15
15
 
16
16
  // Use "text-" utilities to fill svg icons
17
- .icon[class*="text-"]>svg [fill]:not([fill="none"]) {
17
+ .icon[class*='text-'] > svg [fill]:not([fill='none']) {
18
18
  fill: currentColor !important;
19
19
  }
20
20
 
21
21
  // Sizing
22
22
 
23
- .icon-xs>svg {
23
+ .icon-xs > svg {
24
24
  width: $icon-size-xs;
25
25
  height: $icon-size-xs;
26
26
  }
27
27
 
28
- .icon-sm>svg {
28
+ .icon-sm > svg {
29
29
  width: $icon-size-sm;
30
30
  height: $icon-size-sm;
31
31
  }
32
32
 
33
- .icon-lg>svg {
33
+ .icon-lg > svg {
34
34
  width: $icon-size-lg;
35
35
  height: $icon-size-lg;
36
36
  }
37
37
 
38
- .icon-xl>svg {
38
+ .icon-xl > svg {
39
39
  width: $icon-size-xl;
40
40
  height: $icon-size-xl;
41
41
  }
@@ -50,7 +50,7 @@
50
50
  height: $icon-circle-size;
51
51
  border-radius: 50%;
52
52
 
53
- >.fe {
53
+ > .fe {
54
54
  font-size: $icon-circle-font-size;
55
55
  }
56
- }
56
+ }
@@ -49,7 +49,7 @@
49
49
  // @import "footer";
50
50
  // @import "flickity";
51
51
  // @import "highlight";
52
- // @import "icon";
52
+ // @import 'icon';
53
53
  // @import "list";
54
54
  // @import "screenshot";
55
55
  // @import "section";
@@ -7,18 +7,19 @@
7
7
  position: relative;
8
8
 
9
9
  &::before {
10
- content: "";
10
+ content: '';
11
11
  position: absolute;
12
- top: 0; right: 0; bottom: 0; left: 0;
12
+ top: 0;
13
+ right: 0;
14
+ bottom: 0;
15
+ left: 0;
13
16
  border-radius: inherit;
14
17
  }
15
18
  }
16
19
 
17
-
18
20
  // Colors
19
21
 
20
22
  @each $color, $value in $theme-colors {
21
-
22
23
  // Solid
23
24
  .overlay-#{$color} {
24
25
  @include overlay($value);
@@ -36,14 +37,23 @@
36
37
  }
37
38
  }
38
39
 
39
-
40
40
  // Opacity
41
41
 
42
42
  @for $i from 1 through 9 {
43
43
  .overlay-#{$i * 10} {
44
-
45
44
  &::before {
46
45
  opacity: #{$i / 10};
47
46
  }
47
+ &.active {
48
+ &::before {
49
+ opacity: 0;
50
+ }
51
+ h5 {
52
+ color: $light !important;
53
+ }
54
+ // .badge {
55
+ // display: block;
56
+ // }
57
+ }
48
58
  }
49
- }
59
+ }
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: 12.0.0
4
+ version: 17.0.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: 2020-05-29 00:00:00.000000000 Z
11
+ date: 2020-06-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -372,7 +372,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
372
372
  - !ruby/object:Gem::Version
373
373
  version: '0'
374
374
  requirements: []
375
- rubygems_version: 3.0.3
375
+ rubygems_version: 3.1.2
376
376
  signing_key:
377
377
  specification_version: 4
378
378
  summary: test on front