vbax-admin_syst 0.3.0 → 0.4.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: 4000679c36ba638f9505a50c722d1c362051916f1521d18dc6465c6afe223f9a
4
- data.tar.gz: dd75bd9252ebbc8c9655c1d42e5c89966043f8a840b282e13e685ba7775a1f99
3
+ metadata.gz: 36f5088d08e50849f1d3e420e4b8aa0691e17d93d76243731f313b0e9bc1a2ca
4
+ data.tar.gz: a8a574b3ee957b9b5063c7fb8d9b1d9527f45b9694f51ed7597edcf40ed0ee51
5
5
  SHA512:
6
- metadata.gz: 67869be10374bf84aaa6f231308692c36412797f045bcc0dce316e98e2572bcfb8f668f7af3b48b31d8e49bd9528cf115bfef042670ddfc70aa8ae3dc02482ca
7
- data.tar.gz: 4e5e15b31001705cc601f83269280e823683f1860307e564b225196db7d40cc0a8b785e887fc898e5b2888ee238028a042ceb2ae0f45dfcbb1457617fcdec6d6
6
+ metadata.gz: 652fb83177c0fbe267ebba06452af8567f2ef31a8daea08392a02c00ef7b28f4d7ac54aa4c84205dc29ec3ce59f0546647a841e4577d125dab041804ab0595ef
7
+ data.tar.gz: ff73229c8a1fde9c46d1b4b2228e7e70c7e3630161c8621d9402aa311def33f23629721af0fc30a08321a841512dadf779d668a858cfb687c94ed4b8778c1e57
@@ -1,5 +1,5 @@
1
1
  module Vbax
2
2
  module AdminSyst
3
- VERSION = "0.3.0"
3
+ VERSION = "0.4.0"
4
4
  end
5
5
  end
@@ -24,3 +24,4 @@
24
24
  @import "reset/normalize";
25
25
 
26
26
  @import "custom/index";
27
+ @import "vendor/selectric"
@@ -15,6 +15,7 @@ label {
15
15
  display: block;
16
16
  font-weight: $light-font-weight;
17
17
  margin: 0;
18
+ font-size: 12px;
18
19
  }
19
20
 
20
21
  input,
@@ -6,11 +6,12 @@ body {
6
6
  }
7
7
 
8
8
  h1,
9
- h2,
10
- h3,
11
- h4,
12
- h5,
13
- h6 {
9
+ h2
10
+ // h3,
11
+ // h4,
12
+ // h5,
13
+ // h6
14
+ {
14
15
  font-family: $heading-font-family;
15
16
  font-size: $base-font-size;
16
17
  line-height: $heading-line-height;
@@ -17,7 +17,7 @@
17
17
  color:#454545;
18
18
  width: 100%;
19
19
  &.add_option{
20
- border : 1px double #79df4f;
20
+ border : 1px double #34e79a!important;
21
21
  display: flex!important;
22
22
  }
23
23
  }
@@ -42,9 +42,7 @@
42
42
  cursor: pointer;
43
43
  -webkit-overflow-scrolling: touch;
44
44
  }
45
- .selected_green{
46
- border : 1px solid #79df4f;
47
- background-color : #aeffa1!important;
45
+ @mixin selected_{
48
46
  border: 1px solid #d0d0d0;
49
47
  padding: 8px 8px;
50
48
  display: inline-block;
@@ -56,6 +54,18 @@
56
54
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
57
55
  border-radius: 3px;
58
56
  }
57
+ .selected_green{
58
+ @include selected_;
59
+ border : 1px solid #34e79a!important;
60
+ background-color : #34e79a4f!important;
61
+
62
+ }
63
+ .selected_red{
64
+ @include selected_;
65
+ border : 1px solid #ff543d!important;
66
+ background-color : #ff543d!important;
67
+
68
+ }
59
69
 
60
70
 
61
71
  // broder
@@ -37,7 +37,7 @@ $grey-7: #293f54 !default;
37
37
  $hint-grey: #7b808c !default;
38
38
 
39
39
  // Font Colors
40
- $base-font-color: $grey-7 !default;
40
+ $base-font-color: #484848 !default;
41
41
  $action-color: $blue !default;
42
42
 
43
43
  // Background Colors
@@ -0,0 +1,216 @@
1
+ $selectric-main-color: #DDD !default; // Color used in border
2
+
3
+ $worker: #34e79a;
4
+ $worker-bg: linear-gradient(to bottom left, #34e79a, #00f2c3, #34e79a);
5
+
6
+ $selectric-secondary-color: #BBB !default; // Color used in button
7
+ $selectric-text-color: #484848 !default; // Color used in label
8
+ $selectric-bg-color: #F8F8F8 !default; // Background color
9
+ $selectric-height: 40px !default; // Outer height
10
+ $selectric-spacing: 10px !default; // Label left padding
11
+ $selectric-border-width: 1px !default; // Outer border width
12
+ $selectric-inner-height: $selectric-height - ($selectric-border-width * 2) !default; // Inner height
13
+
14
+ .selectric-wrapper {
15
+ position: relative;
16
+ cursor: pointer;
17
+ }
18
+
19
+ .selectric-responsive {
20
+ width: 100%;
21
+ }
22
+
23
+ .selectric {
24
+ background-color: #ffffff;
25
+ border: 1px solid #dfe0e1;
26
+ border-radius: 4px;
27
+ position: relative;
28
+
29
+ .label {
30
+ display: block;
31
+ white-space: nowrap;
32
+ overflow: hidden;
33
+ text-overflow: ellipsis;
34
+ margin: 0 $selectric-inner-height 0 $selectric-spacing;
35
+ font-size: 12px;
36
+ line-height: $selectric-inner-height;
37
+ color: $selectric-text-color;
38
+ height: $selectric-inner-height;
39
+ user-select: none;
40
+ }
41
+
42
+ .button {
43
+ display: none;
44
+ // position: absolute;
45
+ // right: 0;
46
+ // top: 0;
47
+ // width: $selectric-inner-height;
48
+ // height: $selectric-inner-height;
49
+ // color: $selectric-secondary-color;
50
+ // text-align: center;
51
+ // font: 0/0 a;
52
+ // *font: 20px/#{$selectric-inner-height} Lucida Sans Unicode, Arial Unicode MS, Arial;
53
+
54
+ &:after {
55
+ content: " ";
56
+ position: absolute;
57
+ top: 0;
58
+ right: 0;
59
+ bottom: 0;
60
+ left: 0;
61
+ margin: auto;
62
+ width: 0;
63
+ height: 0;
64
+ border: 4px solid transparent;
65
+ border-top-color: $selectric-secondary-color;
66
+ border-bottom: none;
67
+ }
68
+ }
69
+ }
70
+
71
+ .selectric-focus .selectric {
72
+ border-color: darken($selectric-main-color, 20%);
73
+ }
74
+
75
+ .selectric-hover .selectric {
76
+ border-color: darken($selectric-main-color, 10%);
77
+
78
+ .button {
79
+ color: darken($selectric-secondary-color, 10%);
80
+
81
+ &:after {
82
+ border-top-color: darken($selectric-secondary-color, 10%);
83
+ }
84
+ }
85
+ }
86
+
87
+ .selectric-open {
88
+ z-index: 9999;
89
+
90
+ .selectric {
91
+ border-color: darken($selectric-main-color, 10%);
92
+ }
93
+
94
+ .selectric-items {
95
+ display: block;
96
+ }
97
+ }
98
+
99
+ .selectric-disabled {
100
+ filter: alpha(opacity=50);
101
+ opacity: 0.5;
102
+ cursor: default;
103
+ user-select: none;
104
+ }
105
+
106
+ .selectric-hide-select {
107
+ position: relative;
108
+ overflow: hidden;
109
+ width: 0;
110
+ height: 0;
111
+
112
+ select {
113
+ position: absolute;
114
+ left: -100%;
115
+ display: none;
116
+ }
117
+ }
118
+
119
+ .selectric-input {
120
+ position: absolute !important;
121
+ top: 0 !important;
122
+ left: 0 !important;
123
+ overflow: hidden !important;
124
+ clip: rect(0, 0, 0, 0) !important;
125
+ margin: 0 !important;
126
+ padding: 0 !important;
127
+ width: 1px !important;
128
+ height: 1px !important;
129
+ outline: none !important;
130
+ border: none !important;
131
+ *font: 0/0 a !important;
132
+ background: none !important;
133
+ }
134
+
135
+ .selectric-temp-show {
136
+ position: absolute !important;
137
+ visibility: hidden !important;
138
+ display: block !important;
139
+ }
140
+
141
+ /* Items box */
142
+ .selectric-items {
143
+ display: none;
144
+ position: absolute;
145
+ top: 100%;
146
+ left: 0;
147
+ background: $selectric-bg-color;
148
+ border: 1px solid darken($selectric-main-color, 10%);
149
+ z-index: -1;
150
+ box-shadow: 0 0 10px -6px;
151
+
152
+ .selectric-scroll {
153
+ height: 100%;
154
+ overflow: auto;
155
+ }
156
+
157
+ .selectric-above & {
158
+ top: auto;
159
+ bottom: 100%;
160
+ }
161
+
162
+ ul, li {
163
+ list-style: none;
164
+ padding: 0;
165
+ margin: 0;
166
+ font-size: 12px;
167
+ line-height: 20px;
168
+ min-height: 20px;
169
+ }
170
+
171
+ li {
172
+ display: block;
173
+ padding: 10px;
174
+ color: #666;
175
+ cursor: pointer;
176
+
177
+ &.selected {
178
+ background-image: $worker-bg;
179
+ color: #444;
180
+ }
181
+
182
+ &:hover {
183
+ background: #D5D5D5;
184
+ color: #444;
185
+ }
186
+ }
187
+
188
+ .disabled {
189
+ filter: alpha(opacity=50);
190
+ opacity: 0.5;
191
+ cursor: default !important;
192
+ background: none !important;
193
+ color: #666 !important;
194
+ user-select: none;
195
+ }
196
+
197
+ .selectric-group {
198
+ .selectric-group-label {
199
+ font-weight: bold;
200
+ padding-left: 10px;
201
+ cursor: default;
202
+ user-select: none;
203
+ background: none;
204
+ color: #444;
205
+ }
206
+
207
+ &.disabled li {
208
+ filter: alpha(opacity=100);
209
+ opacity: 1;
210
+ }
211
+
212
+ li {
213
+ padding-left: 25px;
214
+ }
215
+ }
216
+ }
@@ -22,7 +22,7 @@ Gem::Specification.new do |spec|
22
22
  spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
23
23
  spec.require_paths = ["lib"]
24
24
 
25
- spec.add_dependency 'vbax-becky_thatcher', '~> 0.5.0'
25
+ spec.add_dependency 'vbax-becky_thatcher', '~> 0.6.0'
26
26
 
27
27
  spec.add_development_dependency "bundler", "~> 2.0"
28
28
  spec.add_development_dependency "rake", "~> 10.0"
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: vbax-admin_syst
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.0
4
+ version: 0.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - v baxter
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2019-05-13 00:00:00.000000000 Z
11
+ date: 2019-05-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: vbax-becky_thatcher
@@ -16,14 +16,14 @@ dependencies:
16
16
  requirements:
17
17
  - - "~>"
18
18
  - !ruby/object:Gem::Version
19
- version: 0.5.0
19
+ version: 0.6.0
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
24
  - - "~>"
25
25
  - !ruby/object:Gem::Version
26
- version: 0.5.0
26
+ version: 0.6.0
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: bundler
29
29
  requirement: !ruby/object:Gem::Requirement
@@ -113,6 +113,7 @@ files:
113
113
  - lib/vbax/sass/library/_variables.scss
114
114
  - lib/vbax/sass/reset/_normalize.scss
115
115
  - lib/vbax/sass/utilities/_text-color.scss
116
+ - lib/vbax/sass/vendor/_selectric.scss
116
117
  - vbax-admin_syst.gemspec
117
118
  homepage:
118
119
  licenses: