active_frontend 12.1.8 → 12.1.9

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.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/lib/active_frontend/version.rb +1 -1
  3. data/vendor/assets/stylesheets/_header.scss +5 -3
  4. data/vendor/assets/stylesheets/_sidebar.scss +115 -15
  5. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: f762da1cf9d45520b8aff970c6a93b7e99aaa7ff
4
- data.tar.gz: c6be1b215d62e2aa23eb1dfc91db136cd066da43
3
+ metadata.gz: 4a4daaad9d397cfc7c192f27781a0d8585c0acc5
4
+ data.tar.gz: 0ec5de76f18ccccce17dcf7229c881f4613bf956
5
5
  SHA512:
6
- metadata.gz: 4376c96bd7a25c31639ebae59134270e4921d0f3440336c54097309bcf39c48e56700631c2da6d416423f491d4b3562a40cfdde571390d8a3c7622e285e14704
7
- data.tar.gz: 62126392877b18a0a6b9491db56b1b82ae60fbf98c36aa2302e8683e2d0e3a2491ecce7a1fa46a99a2d8513b36faa592c2167824108ec846cebe388577c0e2d1
6
+ metadata.gz: dc6335f1331b060bc4e9c8ace6160391f51c9c2ae30c87f206afb8445bf13c2bf871039567770ee3ade5d1f55a3644b279a77fb60a34bae80990f77c53a6ac69
7
+ data.tar.gz: a50ffa07b2952fb05fb41830a61b7e768ba01a822888fa16c735e093683c067a2c71234b0b3608c71c5fa1d9e7e3f19a351f0bf07116288ddd9318f7d2ab1ef0
data/lib/active_frontend/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = "12.1.8"
2
+ VERSION = "12.1.9"
3
3
  end
data/vendor/assets/stylesheets/_header.scss CHANGED
@@ -79,7 +79,8 @@
79
79
  border-bottom: 3px solid $color-transparent;
80
80
  box-sizing: border-box;
81
81
  display: block;
82
- padding: 19px 0 15px 0;
82
+ height: 60px;
83
+ padding-top: 24px;
83
84
  text-align: center;
84
85
  vertical-align: middle;
85
86
  }
@@ -93,7 +94,8 @@
93
94
  display: inline-block;
94
95
  font-size: 22px;
95
96
  letter-spacing: 0;
96
- vertical-align: middle;
97
+ margin-top: -5px;
98
+ vertical-align: top;
97
99
  }
98
100
  .header-btn-group-label {
99
101
  background: $color-primary;
@@ -227,7 +229,7 @@
227
229
  }
228
230
  .header-primary {
229
231
  background: $color-primary;
230
- border-color: darken($color-primary, 5%);
232
+ border-color: darken($color-primary, 10%);
231
233
  color: $color-white;
232
234
  }
233
235
  .header-primary .header-brand > a,
data/vendor/assets/stylesheets/_sidebar.scss CHANGED
@@ -35,6 +35,7 @@
35
35
  line-height: 1;
36
36
  padding: 13px 0;
37
37
  text-align: center;
38
+ text-indent: -5px;
38
39
  text-transform: uppercase;
39
40
  vertical-align: middle;
40
41
  }
@@ -43,29 +44,112 @@
43
44
  font-size: 32px;
44
45
  letter-spacing: 0;
45
46
  margin: 0 10px 0 5px;
47
+ text-indent: 0;
46
48
  vertical-align: middle;
47
49
  }
48
50
  .sidebar-header {
49
51
  border-bottom: 1px solid;
50
52
  border-color: inherit;
53
+ box-sizing: border-box;
54
+ display: table;
51
55
  font-size: 12px;
52
56
  line-height: 1;
53
- padding: 10px;
57
+ table-layout: fixed;
58
+ vertical-align: middle;
59
+ max-width: 100%;
60
+ width: 100%;
54
61
  }
55
- .sidebar-header > h1,
56
- .sidebar-header > h2,
57
- .sidebar-header > h3,
58
- .sidebar-header > h4,
59
- .sidebar-header > h5,
60
- .sidebar-header > h6 {
62
+ .sidebar-header h1,
63
+ .sidebar-header h2,
64
+ .sidebar-header h3,
65
+ .sidebar-header h4,
66
+ .sidebar-header h5,
67
+ .sidebar-header h6,
68
+ .sidebar-header-btn {
69
+ box-sizing: border-box;
70
+ display: table-cell;
71
+ line-height: 1;
72
+ vertical-align: middle;
73
+ }
74
+ .sidebar-header h1,
75
+ .sidebar-header h2,
76
+ .sidebar-header h3,
77
+ .sidebar-header h4,
78
+ .sidebar-header h5,
79
+ .sidebar-header h6 {
61
80
  font-size: 11px;
62
81
  font-weight: normal;
63
82
  letter-spacing: 1px;
64
- line-height: 1;
65
83
  margin: 0;
66
- padding: 0;
84
+ padding: 10px;
67
85
  text-transform: uppercase;
68
86
  }
87
+ .sidebar-header-btn {
88
+ border-left: 1px solid;
89
+ border-color: inherit;
90
+ color: $color-primary;
91
+ font-size: 18px;
92
+ padding-top: 2px;
93
+ text-align: center;
94
+ width: 33px;
95
+ }
96
+ .sidebar-header-btn:hover,
97
+ .sidebar-header-btn.active,
98
+ .sidebar-header-btn:active,
99
+ .sidebar-header-btn:focus { background: $color-light-haze; }
100
+ .sidebar-navbar {
101
+ border-collapse: separate;
102
+ border-bottom: 1px solid;
103
+ border-color: inherit;
104
+ box-sizing: border-box;
105
+ display: table;
106
+ height: 40px;
107
+ table-layout: fixed;
108
+ width: 100%;
109
+ }
110
+ .sidebar-navbar > a {
111
+ background: $color-light-black;
112
+ border-right: 1px solid;
113
+ border-color: inherit;
114
+ display: table-cell;
115
+ float: none;
116
+ font-size: 18px;
117
+ padding-top: 10px;
118
+ text-align: center;
119
+ width: 1%;
120
+ }
121
+ .sidebar-navbar > a:last-child { border: 0; }
122
+ .sidebar-navbar > a:hover,
123
+ .sidebar-navbar > a.active,
124
+ .sidebar-navbar > a:active,
125
+ .sidebar-navbar > a:focus {
126
+ background: $color-transparent;
127
+ color: $color-primary;
128
+ }
129
+ .sidebar-form {
130
+ border-bottom: 1px solid;
131
+ border-color: inherit;
132
+ padding: 10px;
133
+ }
134
+ .sidebar-form button,
135
+ .sidebar-form input,
136
+ .sidebar-form select,
137
+ .sidebar-form textarea,
138
+ .sidebar-form .form-select,
139
+ .sidebar-form .form-input-group,
140
+ .sidebar-form .form-file-group {
141
+ float: none;
142
+ margin: 0 !important;
143
+ }
144
+ .sidebar-form-mesh input,
145
+ .sidebar-form-mesh select,
146
+ .sidebar-form-mesh textarea, {
147
+ border-left: 0;
148
+ border-right: 0;
149
+ border-top: 0;
150
+ border-radius: 0;
151
+ margin: 0;
152
+ }
69
153
  .sidebar-content {
70
154
  border-color: inherit;
71
155
  box-sizing: border-box;
@@ -91,10 +175,18 @@
91
175
  border-color: $color-dark-black !important;
92
176
  color: $color-white;
93
177
  }
178
+ .sidebar-dark .sidebar-header-btn:hover,
179
+ .sidebar-dark .sidebar-header-btn.active,
180
+ .sidebar-dark .sidebar-header-btn:active,
181
+ .sidebar-dark .sidebar-header-btn:focus { background: $color-light-black; }
94
182
  .sidebar-light {
95
183
  background: $color-light-haze;
96
184
  border-color: $color-dark-haze !important;
97
185
  }
186
+ .sidebar-light .sidebar-header-btn:hover,
187
+ .sidebar-light .sidebar-header-btn.active,
188
+ .sidebar-light .sidebar-header-btn:active,
189
+ .sidebar-light .sidebar-header-btn:focus { background: $color-haze; }
98
190
 
99
191
  /* # Media Queries
100
192
  ================================================== */
@@ -121,12 +213,20 @@ only screen and ( min-device-pixel-ratio: 2),
121
213
  only screen and ( min-resolution: 192dpi),
122
214
  only screen and ( min-resolution: 2dppx) {
123
215
  .sidebar,
216
+ .sidebar-title,
124
217
  .sidebar-header,
218
+ .sidebar-header-btn,
219
+ .sidebar-navbar,
220
+ .sidebar-navbar > a,
221
+ .sidebar-form,
222
+ .sidebar-form-mesh input,
223
+ .sidebar-form-mesh select,
224
+ .sidebar-form-mesh textarea,
125
225
  .sidebar-scrollable { border-width: 0.5px; }
126
- .sidebar-header > h1,
127
- .sidebar-header > h2,
128
- .sidebar-header > h3,
129
- .sidebar-header > h4,
130
- .sidebar-header > h5,
131
- .sidebar-header > h6 { letter-spacing: 0.5px; }
226
+ .sidebar-header h1,
227
+ .sidebar-header h2,
228
+ .sidebar-header h3,
229
+ .sidebar-header h4,
230
+ .sidebar-header h5,
231
+ .sidebar-header h6 { letter-spacing: 0.5px; }
132
232
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: active_frontend
3
3
  version: !ruby/object:Gem::Version
4
- version: 12.1.8
4
+ version: 12.1.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez