vbax-admin_syst 0.3.0 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
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: