welcome_css 0.1 → 0.2

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: 1ded7197fcfc5e05557c8b497c1bf9a864460d02fe52cf8934a687b6c8b2e4fa
4
- data.tar.gz: 7159011a03379e18bab85f9e411fec0f813433a184e8c6cdad567d039c4eff89
3
+ metadata.gz: a1a27dbca4995286fb05f4ad60cfd3a8849f900699b4cd7abca64af1bd3545d3
4
+ data.tar.gz: 0eef6cbde78f56aa47f847a839b694914d24a7f8dc949eb87ae3594a155b0991
5
5
  SHA512:
6
- metadata.gz: 628dcd1693558f1021f8f3a8b6479538e868781b33c57aecc1c70e2ea274fd31b6c70730a7dedac383d767d630008594e55fe40642a995cd9c6a95d40a6955a1
7
- data.tar.gz: f0f417084ea1ed1c312b519f07b71829a2c17af45828aa6aaf94a4256f92fd4c040525ecee71f39f07845f9d3e4928e65e1ddeb2c6e193bd4fb95f5aab623495
6
+ metadata.gz: fa5106b0c606e651dbcf2d8cfa849d91318bb1a67d2d214ff8b0f389f1b191cd148e79345ebfafa27a01217104558525252e853ecb1a947db0e9f62897edf723
7
+ data.tar.gz: 19eef9bff5cc3f1faa0857098c566e2b52dbffc6315e1bd17b604770e089419a9a189d59a39746f7e5e1869bb3e3a4a1ffcdf95ecd21c83a77625675e336bca6
data/README.md CHANGED
@@ -1,14 +1,11 @@
1
- # WelcomeCss
2
- Short description and motivation.
3
-
4
- ## Usage
5
- How to use my plugin.
1
+ # Welcome CSS
2
+ The gems serves as a wrapper for the basic styling of all the components that we use on our admin systems and internal applications.
6
3
 
7
4
  ## Installation
8
5
  Add this line to your application's Gemfile:
9
6
 
10
7
  ```ruby
11
- gem 'welcome_css'
8
+ gem 'welcome_css', '~> 0.1'
12
9
  ```
13
10
 
14
11
  And then execute:
@@ -16,13 +13,25 @@ And then execute:
16
13
  $ bundle
17
14
  ```
18
15
 
19
- Or install it yourself as:
20
- ```bash
21
- $ gem install welcome_css
16
+ ## Usage
17
+ This gem provides a `welcome.css` stylesheet with the basic styling and all the components for our admin stylesheets.
18
+
19
+ To use it just import the stylesheet into your layout:
20
+
21
+ ```ruby
22
+ # app/views/layouts/application.html.erb
23
+ <%= stylesheet_link_tag 'welcome', media: 'all', 'data-turbolinks-track': 'reload' %>
22
24
  ```
23
25
 
24
- ## Contributing
25
- Contribution directions go here.
26
+ or if you want you can include it into your custom stylesheet:
27
+
28
+ ```scss
29
+ // app/assets/stylesheets/application.scss
30
+
31
+ @import "welcome";
32
+
33
+ // The rest of your custom styles goes here.
34
+ ```
26
35
 
27
36
  ## License
28
37
  The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
@@ -96,3 +96,6 @@
96
96
  color: $ui_white;
97
97
  border-color: $ui_back;
98
98
  }
99
+ .main-app .main-content .was-validated .form-control:valid, .form-control.is-valid {
100
+ background-image: none;
101
+ }
@@ -0,0 +1,591 @@
1
+
2
+
3
+ .dropup,
4
+ .dropright,
5
+ .dropdown,
6
+ .dropleft {
7
+ position: relative;
8
+ }
9
+
10
+ .dropdown-toggle:empty::after {
11
+ margin-left: 0;
12
+ }
13
+
14
+ .dropdown-menu {
15
+ position: absolute;
16
+ top: 100%;
17
+ left: 0;
18
+ z-index: 1000;
19
+ display: none;
20
+ float: left;
21
+ min-width: 12.31rem;
22
+ padding: 0.3846rem 0;
23
+ margin: 0.1538rem 0 0;
24
+ font-size: 1rem;
25
+ color: #555555;
26
+ text-align: left;
27
+ list-style: none;
28
+ background-color: #FFFFFF;
29
+ background-clip: padding-box;
30
+ border: 1px solid rgba(0, 0, 0, 0.1);
31
+ border-radius: 0;
32
+ }
33
+
34
+ .dropdown-menu-right {
35
+ right: 0;
36
+ left: auto;
37
+ }
38
+
39
+ .dropup .dropdown-menu {
40
+ top: auto;
41
+ bottom: 100%;
42
+ margin-top: 0;
43
+ margin-bottom: 0.1538rem;
44
+ }
45
+
46
+ .dropup .dropdown-toggle::after {
47
+ display: inline-block;
48
+ width: 0;
49
+ height: 0;
50
+ margin-left: 0.26146em;
51
+ vertical-align: 0.26146em;
52
+ content: "";
53
+ border-top: 0;
54
+ border-right: 0.3076em solid transparent;
55
+ border-bottom: 0.3076em solid;
56
+ border-left: 0.3076em solid transparent;
57
+ }
58
+
59
+ .dropup .dropdown-toggle:empty::after {
60
+ margin-left: 0;
61
+ }
62
+
63
+ .dropright .dropdown-menu {
64
+ top: 0;
65
+ right: auto;
66
+ left: 100%;
67
+ margin-top: 0;
68
+ margin-left: 0.1538rem;
69
+ }
70
+
71
+ .dropright .dropdown-toggle::after {
72
+ display: inline-block;
73
+ width: 0;
74
+ height: 0;
75
+ margin-left: 0.26146em;
76
+ vertical-align: 0.26146em;
77
+ content: "";
78
+ border-top: 0.3076em solid transparent;
79
+ border-right: 0;
80
+ border-bottom: 0.3076em solid transparent;
81
+ border-left: 0.3076em solid;
82
+ }
83
+
84
+ .dropright .dropdown-toggle:empty::after {
85
+ margin-left: 0;
86
+ }
87
+
88
+ .dropright .dropdown-toggle::after {
89
+ vertical-align: 0;
90
+ }
91
+
92
+ .dropleft .dropdown-menu {
93
+ top: 0;
94
+ right: 100%;
95
+ left: auto;
96
+ margin-top: 0;
97
+ margin-right: 0.1538rem;
98
+ }
99
+
100
+ .dropleft .dropdown-toggle::after {
101
+ display: inline-block;
102
+ width: 0;
103
+ height: 0;
104
+ margin-left: 0.26146em;
105
+ vertical-align: 0.26146em;
106
+ content: "";
107
+ }
108
+
109
+ .dropleft .dropdown-toggle::after {
110
+ display: none;
111
+ }
112
+
113
+ .dropleft .dropdown-toggle::before {
114
+ display: inline-block;
115
+ width: 0;
116
+ height: 0;
117
+ margin-right: 0.26146em;
118
+ vertical-align: 0.26146em;
119
+ content: "";
120
+ border-top: 0.3076em solid transparent;
121
+ border-right: 0.3076em solid;
122
+ border-bottom: 0.3076em solid transparent;
123
+ }
124
+
125
+ .dropleft .dropdown-toggle:empty::after {
126
+ margin-left: 0;
127
+ }
128
+
129
+ .dropleft .dropdown-toggle::before {
130
+ vertical-align: 0;
131
+ }
132
+
133
+ .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
134
+ right: auto;
135
+ bottom: auto;
136
+ }
137
+
138
+ .dropdown-divider {
139
+ height: 0;
140
+ margin: 0.5rem 0;
141
+ overflow: hidden;
142
+ border-top: 1px solid #eceeef;
143
+ }
144
+
145
+ .dropdown-item {
146
+ display: block;
147
+ width: 100%;
148
+ padding: 0.25rem 1.5rem;
149
+ clear: both;
150
+ font-weight: 400;
151
+ color: #212529;
152
+ text-align: inherit;
153
+ white-space: nowrap;
154
+ background-color: transparent;
155
+ border: 0;
156
+ }
157
+
158
+ .dropdown-item:hover, .dropdown-item:focus {
159
+ color: #16181b;
160
+ text-decoration: none;
161
+ background-color: #f8f9fa;
162
+ }
163
+
164
+ .dropdown-item.active, .dropdown-item:active {
165
+ color: #ef6262;
166
+ text-decoration: none;
167
+ background-color: transparent;
168
+ }
169
+
170
+ .dropdown-item.disabled, .dropdown-item:disabled {
171
+ color: #777777;
172
+ background-color: transparent;
173
+ }
174
+
175
+ .dropdown-menu.show {
176
+ display: block;
177
+ }
178
+
179
+ .dropdown-header {
180
+ display: block;
181
+ padding: 0.3846rem 1.5rem;
182
+ margin-bottom: 0;
183
+ font-size: 0.9231rem;
184
+ color: #777777;
185
+ white-space: nowrap;
186
+ }
187
+
188
+ .dropdown-item-text {
189
+ display: block;
190
+ padding: 0.25rem 1.5rem;
191
+ color: #212529;
192
+ }
193
+
194
+
195
+
196
+
197
+
198
+
199
+
200
+
201
+ .position-static {
202
+ position: static !important;
203
+ }
204
+
205
+ .position-relative {
206
+ position: relative !important;
207
+ }
208
+
209
+ .position-absolute {
210
+ position: absolute !important;
211
+ }
212
+
213
+ .position-fixed {
214
+ position: fixed !important;
215
+ }
216
+
217
+ .position-sticky {
218
+ position: sticky !important;
219
+ }
220
+
221
+ .fixed-top {
222
+ position: fixed;
223
+ top: 0;
224
+ right: 0;
225
+ left: 0;
226
+ z-index: 1030;
227
+ }
228
+
229
+ .fixed-bottom {
230
+ position: fixed;
231
+ right: 0;
232
+ bottom: 0;
233
+ left: 0;
234
+ z-index: 1030;
235
+ }
236
+
237
+ @supports (position: sticky) {
238
+ .sticky-top {
239
+ position: sticky;
240
+ top: 0;
241
+ z-index: 1020;
242
+ }
243
+ }
244
+
245
+
246
+
247
+
248
+
249
+
250
+ /*------------------------------------------------------------------
251
+ [Left sidebar]
252
+ */
253
+ .am-left-sidebar {
254
+ background-color: #fff;
255
+ width: 16%;
256
+ height: 100%;
257
+ left: 0;
258
+ position: absolute;
259
+ }
260
+
261
+ .am-left-sidebar .am-scroller-fixed-left-sidebar {
262
+ position: relative;
263
+ width: 100%;
264
+ height: 100%;
265
+ }
266
+
267
+ .rtl .am-left-sidebar {
268
+ left: auto;
269
+ right: 0;
270
+ }
271
+
272
+ .am-left-sidebar .sidebar-elements {
273
+ margin: 0;
274
+ padding: 0;
275
+ }
276
+
277
+ .am-left-sidebar .sidebar-elements > li {
278
+ border-bottom: 1px solid #474646;
279
+ list-style: none;
280
+ }
281
+
282
+ .am-left-sidebar .sidebar-elements > li > a {
283
+ display: block;
284
+ padding: .50rem 1.25rem;
285
+ color: #000;
286
+ text-align: left;
287
+ }
288
+
289
+ .am-left-sidebar .sidebar-elements > li > a .icon {
290
+ display: block;
291
+ font-size: 33px;
292
+ }
293
+
294
+ .am-left-sidebar .sidebar-elements > li > a span {
295
+ display: block;
296
+ margin-top: 5px;
297
+ }
298
+
299
+ @media (min-width: 768px) {
300
+ .am-left-sidebar .sidebar-elements > li:hover, .am-left-sidebar .sidebar-elements > li.open {
301
+ background-color: #424141;
302
+ }
303
+ }
304
+
305
+ .am-left-sidebar .sidebar-elements > li.active > a {
306
+ border-left: 2px solid #ef6262;
307
+ padding-left: 13px;
308
+ }
309
+
310
+ .rtl .am-left-sidebar .sidebar-elements > li.active > a {
311
+ padding-left: 15px;
312
+ padding-right: 13px;
313
+ border-left-width: 0;
314
+ border-right: 2px solid #ef6262;
315
+ }
316
+
317
+ .am-left-sidebar .sidebar-elements > li > ul {
318
+ display: none;
319
+ position: fixed;
320
+ left: 200px;
321
+ top: 0;
322
+ height: 100%;
323
+ background-color: #fff;
324
+ z-index: 1031;
325
+ padding: 0;
326
+ table-layout: fixed;
327
+ list-style: none;
328
+ width: 280px;
329
+ box-shadow: 3px 0 10px -5px rgba(0, 0, 0, 0.4);
330
+ }
331
+
332
+ .rtl .am-left-sidebar .sidebar-elements > li > ul {
333
+ left: auto;
334
+ right: 100px;
335
+ }
336
+
337
+ @media (max-width: 767px) {
338
+ .rtl .am-left-sidebar .sidebar-elements > li > ul {
339
+ right: 0;
340
+ }
341
+ }
342
+
343
+ @media (min-width: 768px) {
344
+ .am-left-sidebar .sidebar-elements > li > ul.visible {
345
+ display: table;
346
+ }
347
+ .am-left-sidebar .sidebar-elements > li > ul.hide {
348
+ display: none;
349
+ }
350
+ }
351
+
352
+ .am-left-sidebar .sidebar-elements > li > ul > li.title {
353
+ border-bottom: 1px solid #6d6b6b;
354
+ font-size: 18px;
355
+ font-weight: 600;
356
+ margin: 0 15px 0;
357
+ padding-bottom: 18px;
358
+ padding-top: 15px;
359
+ }
360
+
361
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items {
362
+ display: table-row;
363
+ height: 100%;
364
+ }
365
+
366
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller {
367
+ position: relative;
368
+ width: 100%;
369
+ height: 100%;
370
+ }
371
+
372
+ @media (max-width: 767px) {
373
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller {
374
+ display: block;
375
+ }
376
+ }
377
+
378
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content {
379
+ height: 100%;
380
+ width: 100%;
381
+ position: absolute;
382
+ padding-top: 15px;
383
+ margin-right: 0 !important;
384
+ }
385
+
386
+ @media screen and (min-width: 0�) {
387
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content {
388
+ position: static;
389
+ overflow: hidden;
390
+ }
391
+ }
392
+
393
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul {
394
+ list-style: none;
395
+ padding: 0;
396
+ margin: 0;
397
+ }
398
+
399
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a {
400
+ padding: 12px;
401
+ display: block;
402
+ font-weight: 600;
403
+ font-size: 14px;
404
+ color: #000;
405
+ }
406
+
407
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a .badge {
408
+ float: right;
409
+ border-radius: 2px;
410
+ font-weight: 400;
411
+ line-height: 10px;
412
+ padding: 5px 10px;
413
+ }
414
+
415
+ .rtl .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a .badge {
416
+ float: left;
417
+ }
418
+
419
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a:hover, .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a:focus {
420
+ background-color: #F8FAFA;
421
+ color: #000;
422
+ }
423
+
424
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul li.active > a {
425
+ color: #f17979;
426
+ }
427
+
428
+ .am-left-sidebar .am-logo {
429
+ display: none;
430
+ }
431
+
432
+ .am-left-sidebar:before {
433
+ content: "";
434
+ position: fixed;
435
+ z-index: -1;
436
+ width: inherit;
437
+ top: 0;
438
+ left: 0;
439
+ bottom: 0;
440
+ background-color: inherit;
441
+ }
442
+
443
+ .rtl .am-left-sidebar:before {
444
+ left: auto;
445
+ right: 0;
446
+ }
447
+
448
+ .am-animate .am-left-sidebar:before {
449
+ transition: all 0.35s ease;
450
+ }
451
+
452
+ @media (max-width: 767px) {
453
+ .am-left-sidebar:before {
454
+ display: none;
455
+ }
456
+ }
457
+
458
+ @media (max-width: 767px) {
459
+ .am-left-sidebar {
460
+ width: 85%;
461
+ height: 100%;
462
+ overflow: auto;
463
+ -webkit-overflow-scrolling: touch;
464
+ position: fixed;
465
+ top: 0;
466
+ transform: translate3d(-100%, 0, 0);
467
+ z-index: 1031;
468
+ }
469
+ .rtl .am-left-sidebar {
470
+ transform: translate3d(100%, 0, 0);
471
+ }
472
+ .am-left-sidebar .sidebar-elements > li > a {
473
+ text-align: left;
474
+ position: relative;
475
+ }
476
+ .rtl .am-left-sidebar .sidebar-elements > li > a {
477
+ text-align: right;
478
+ }
479
+ .am-left-sidebar .sidebar-elements > li > a .icon {
480
+ display: inline-block;
481
+ font-size: 25px;
482
+ margin-right: 10px;
483
+ vertical-align: middle;
484
+ }
485
+ .rtl .am-left-sidebar .sidebar-elements > li > a .icon {
486
+ margin-right: 0;
487
+ margin-left: 10px;
488
+ }
489
+ .am-left-sidebar .sidebar-elements > li > a span {
490
+ display: inline-block;
491
+ }
492
+ .am-left-sidebar .sidebar-elements > li.parent > a:after {
493
+ content: '\e688';
494
+ float: right;
495
+ font-family: "Stroke 7";
496
+ font-size: 26px;
497
+ line-height: 28px;
498
+ color: #a1a1a1;
499
+ }
500
+ .rtl .am-left-sidebar .sidebar-elements > li.parent > a:after {
501
+ float: left;
502
+ }
503
+ .am-left-sidebar .sidebar-elements > li > ul {
504
+ position: relative;
505
+ height: auto;
506
+ width: 100%;
507
+ left: 0;
508
+ }
509
+ .am-left-sidebar .sidebar-elements > li > ul > li.title {
510
+ display: none;
511
+ }
512
+ .am-left-sidebar .sidebar-elements > li > ul > li.nav-items {
513
+ display: block;
514
+ height: auto;
515
+ }
516
+ .am-left-sidebar .sidebar-elements > li > ul > li.nav-items > .am-scroller {
517
+ height: auto;
518
+ overflow: visible;
519
+ }
520
+ .am-left-sidebar .sidebar-elements > li > ul > li.nav-items > .am-scroller > .content {
521
+ padding-top: 0;
522
+ overflow: visible;
523
+ position: relative;
524
+ }
525
+ .am-left-sidebar .sidebar-elements > li:hover {
526
+ background-color: inherit;
527
+ }
528
+ .am-left-sidebar .sidebar-elements > li:hover > ul {
529
+ display: none;
530
+ }
531
+ .am-left-sidebar .sidebar-elements li.open > ul {
532
+ display: block;
533
+ }
534
+ .am-left-sidebar .am-logo {
535
+ background: url("../img/logo-full.png") no-repeat 15px center;
536
+ height: 70px;
537
+ background-color: #393838;
538
+ border-bottom: 1px solid #353434;
539
+ display: block;
540
+ }
541
+ }
542
+
543
+ @media -webkit-min-device-pixel-ratio and (max-width: 767px) {
544
+ .am-left-sidebar .am-logo {
545
+ background-image: url("../img/logo-full-retina.png");
546
+ background-size: 150px 39px;
547
+ }
548
+ }
549
+
550
+ .am-animate .am-left-sidebar {
551
+ transition: all 0.35s ease;
552
+ }
553
+
554
+ .am-fixed-sidebar .am-left-sidebar {
555
+ margin-top: 80px;
556
+ padding-bottom: 80px;
557
+ position: fixed;
558
+ top: 0;
559
+ bottom: 0;
560
+ z-index: 1031;
561
+ }
562
+
563
+ @media (max-width: 767px) {
564
+ .am-fixed-sidebar .am-left-sidebar {
565
+ margin-top: 0;
566
+ padding-bottom: 0;
567
+ }
568
+ }
569
+
570
+ .am-fixed-sidebar .am-left-sidebar:before {
571
+ top: 80px;
572
+ }
573
+
574
+ .am-fixed-sidebar .am-left-sidebar .nano-pane {
575
+ width: 4px;
576
+ }
577
+
578
+ .am-fixed-sidebar .am-left-sidebar .nano-pane > .nano-slider {
579
+ background-color: rgba(0, 0, 0, 0.15);
580
+ }
581
+
582
+
583
+ .main-app .ui-app-area .ui-menu-dots .btn:hover {
584
+ background-color: transparent;
585
+ color: #000 !important;
586
+ }
587
+
588
+
589
+
590
+
591
+
@@ -40,10 +40,13 @@ table .ui-table-row {
40
40
 
41
41
  /* Table Cells */
42
42
  .ui-table thead {
43
- background-color: $ui_middlegray;
44
- border: 1px solid $ui_middlegray;
43
+ background-color: #edeff4;
44
+ border: 1px solid #edeff4;
45
45
  font-family: 'hk-grotesk-semibold';
46
46
  }
47
+ .ui-table table {
48
+ background-color: $ui_white;
49
+ }
47
50
  .ui-table thead th {
48
51
  vertical-align: top;
49
52
  font-size: 16px;
@@ -121,6 +124,9 @@ table .ui-table-row {
121
124
  .site-plan .card-body {
122
125
  padding: 0;
123
126
  }
127
+ .ui-app-area .list-group-item {
128
+ min-height: 90px;
129
+ }
124
130
 
125
131
  /* =========================== */
126
132
 
@@ -392,3 +398,191 @@ table .ui-table-row {
392
398
  color: $ui_back;
393
399
  text-decoration: underline;
394
400
  }
401
+
402
+ /* =========================== */
403
+
404
+ #parcel_form {
405
+ background-color: $ui_white;
406
+ padding: 30px;
407
+ }
408
+
409
+ /* =========================== */
410
+
411
+ .am-left-sidebar.col-12.col-lg-2.p-0.menu-app {
412
+ display: block;
413
+ float: left;
414
+ position: relative;
415
+ }
416
+ .am-content.col-12.col-lg-10.mx-auto.ui-app-area {
417
+ display: block;
418
+ float: right;
419
+ position: relative;
420
+ }
421
+ .table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr {
422
+ background-color:#fff;
423
+ }
424
+ .table-striped tbody tr:hover {
425
+ background-color:#f8f8f8!important;
426
+ }
427
+ .am-wrapper.am-login {
428
+ max-width: 660px;
429
+ margin: 120px auto;
430
+ }
431
+
432
+ .ui-app-area .tab-pane .widget.widget-small {
433
+ margin-bottom: 60px;
434
+ }
435
+ .ui-app-area .widget-head {
436
+ background-color: #edeff4 !important;
437
+ padding: 12px 20px;
438
+ border: 1px solid #edeff4 !important;
439
+ -webkit-border-top-left-radius: .25rem!important;
440
+ -webkit-border-top-right-radius: .25rem!important;
441
+ -moz-border-radius-topleft: .25rem!important;
442
+ -moz-border-radius-topright: .25rem!important;
443
+ border-top-left-radius: .25rem!important;
444
+ border-top-right-radius: .25rem!important;
445
+ }
446
+ .ui-app-area .widget-head.no-margin {
447
+ margin-left: 0;
448
+ margin-right: 0;
449
+ }
450
+ .ui-app-area .widget-head.no-margin .col-sm-8,
451
+ .ui-app-area .widget-head.no-margin .col-sm-12 {
452
+ margin-bottom: 0;
453
+ padding-left: 0;
454
+ }
455
+ .ui-app-area .widget-head .title {
456
+ font-size: 20px;
457
+ font-weight: 500;
458
+ font-family: gt-eesti-regular;
459
+ }
460
+ .ui-app-area .card-body .nav.nav-tabs {
461
+ margin-bottom: 30px;
462
+ border-bottom: transparent;
463
+ }
464
+ .ui-app-area .card-body .nav-tabs .nav-link.active, .ui-app-area .card-body .nav-tabs .nav-item.show .nav-link,
465
+ .ui-app-area .card-body .nav-tabs .nav-link:hover {
466
+ color: #000;
467
+ background-color: transparent;
468
+ border-color: transparent transparent #4A8FE7;
469
+ font-family: gt-eesti-regular;
470
+ }
471
+ .ui-app-area .card-body .nav-tabs .nav-link {
472
+ color: #000;
473
+ font-family: gt-eesti-regular;
474
+ }
475
+ .table th, .table td {
476
+ padding: 1rem;
477
+ }
478
+ .ui-app-area .drop-side {
479
+ left: 220px !important;
480
+ top: 4px !important;
481
+ }
482
+ .main-app .ui-app-area .ui-menu-dots .btn {
483
+ text-align: left;
484
+ }
485
+ .main-app .ui-app-area .ui-menu-dots .btn:hover {
486
+ background-color: transparent;
487
+ color: $ui_back !important;
488
+ }
489
+ .main-app .ui-app-area .dots-horizontal {
490
+ float: right;
491
+ position: relative;
492
+ margin-left: 14px;
493
+ margin-top: -2px;
494
+ }
495
+ .main-app .ui-app-area .title-section {
496
+ display: block;
497
+ float: left;
498
+ }
499
+
500
+ /* =========================== */
501
+
502
+ .main-content table {
503
+ box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.68);
504
+ -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.68);
505
+ -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.68);
506
+ }
507
+
508
+ /* =========================== */
509
+
510
+ .main-app .tab-table {
511
+ background-color: $ui_white;
512
+ }
513
+ .main-app .tab-table .card {
514
+ width: 48%;
515
+ display: block;
516
+ float: left;
517
+ margin: 0 1% 30px 1%;
518
+ min-height: 140px;
519
+ }
520
+ .main-app .tab-table .card .h4 {
521
+ font-size: 16px;
522
+ font-weight: 500;
523
+ font-family: 'gt-eesti-regular';
524
+ }
525
+ .main-app .tab-table .card p {
526
+ margin-bottom: 10px;
527
+ }
528
+ .main-app .tab-table .card .h4 p {
529
+ margin-bottom: -8px;
530
+ }
531
+ .main-app .tab-table .row-head {
532
+ background-color: #edeff4;
533
+ margin-left: 0;
534
+ margin-right: 0;
535
+ margin-bottom: 30px;
536
+ padding: 12px 20px;
537
+ border: 1px solid #edeff4!important;
538
+ }
539
+ .main-app .card .card-header {
540
+ background-color: #edeff4;
541
+ font-weight: 600;
542
+ }
543
+ .main-app .ui-app-area .page-head h2 a {
544
+ color: $ui_back;
545
+ }
546
+ .main-app .ui-app-area .page-head h2 a.btn-primary {
547
+ color: $ui_white;
548
+ }
549
+ .main-app .ui-app-area .page-head {
550
+ border-bottom: 1px solid #d9d9d9;
551
+ margin-left: 20px;
552
+ margin-right: 20px;
553
+ padding: 20px 0 !important;
554
+ }
555
+ .main-app .ui-app-area .nav-tabs .nav-link {
556
+ padding: 0.5rem 0;
557
+ margin-right: 20px;
558
+ }
559
+ .main-app .ui-app-area .tab-content .tab-pane {
560
+ margin-top: 40px;
561
+ }
562
+ .main-app .ui-app-area .tab-content .tab-pane .h3 {
563
+ font-size: 20px;
564
+ }
565
+ .main-app .ui-app-area table thead {
566
+ background-color: #edeff4;
567
+ }
568
+
569
+ /* =========================== */
570
+
571
+ .main-app .page-aside {
572
+ border-bottom: 1px solid #dee2e6;
573
+ padding: 0 15px 20px 16px;
574
+ }
575
+ .main-app .page-aside ul li {
576
+ margin-right: 12px;
577
+ }
578
+
579
+ /* =========================== */
580
+
581
+ .main-app .am-datatable-footer {
582
+ text-align: center;
583
+ margin: 0 auto !important;
584
+ display: block;
585
+ }
586
+ .main-app .am-datatable-footer .btn-outline-primary {
587
+ border-color: transparent;
588
+ }
@@ -3,6 +3,11 @@
3
3
  /* ====================================== */
4
4
  // Welcome UI Fonts
5
5
 
6
+ body {
7
+ -webkit-font-smoothing: antialiased;
8
+ -moz-osx-font-smoothing: grayscale;
9
+ }
10
+
6
11
  $ui_font_small: 14px;
7
12
  $ui_font_normal: 16px;
8
13
 
@@ -73,7 +78,7 @@ $lg-paddingbottom: 60px;
73
78
  font-size: 20px;
74
79
  }
75
80
 
76
- .land-app {
81
+ .land-app, .main-app {
77
82
  background-color: $ui_lightergray;
78
83
  }
79
84
  .land-app .main-btns .ui-menu-dots {
@@ -83,7 +88,157 @@ $lg-paddingbottom: 60px;
83
88
  .ui-app-area {
84
89
  padding: 22px 20px;
85
90
  }
91
+ .am-left-sidebar .sidebar-elements > li > ul {
92
+ left: 16% !important;
93
+ }
86
94
 
95
+ /* ====================================== */
87
96
 
97
+ .am-wrapper.main-app .menu-app {
98
+ width: 16%;
99
+ }
100
+ .am-wrapper.main-app .navbar {
101
+ background-color: $ui_white;
102
+ height: 58px;
103
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.05%);
104
+ }
105
+ .am-wrapper.main-app .ui-app-area {
106
+ padding: 15px;
107
+ width: 84%;
108
+ float: right;
109
+ background-color: #fafafa !important;
110
+ }
111
+ .am-wrapper.main-app .ui-app-area .main-content,
112
+ .am-wrapper.main-app .ui-app-area .page-head {
113
+ padding: 20px;
114
+ }
115
+ .am-navbar-header .page-title img {
116
+ width: 84px;
117
+ margin-left: -26px;
118
+ margin-top: -10px;
119
+ }
120
+ .admin-options .collapse,
121
+ .admin-options .nav {
122
+ display: block !important;
123
+ float: right;
124
+ margin-left: 6px;
125
+ }
126
+ .admin-options .dropdown-toggle::after {
127
+ display: none;
128
+ }
129
+ .admin-options .dropdown-menu {
130
+ position: absolute;
131
+ top: 100%;
132
+ left: -80px;
133
+ z-index: 1000;
134
+ display: none;
135
+ float: left;
136
+ min-width: 100px;
137
+ padding: 6px;
138
+ margin: 0.1538rem 0 0;
139
+ font-size: 13px;
140
+ color: #555555;
141
+ text-align: right;
142
+ list-style: none;
143
+ background-color: #FFFFFF;
144
+ background-clip: padding-box;
145
+ border: 1px solid rgba(0, 0, 0, 0.1);
146
+ border-radius: 0;
147
+ }
148
+ .admin-options .dropdown-menu a {
149
+ color: $ui_back;
150
+ }
88
151
 
152
+ /* ====================================== */
153
+
154
+ .am-login img {
155
+ width: 128px;
156
+ display: block;
157
+ margin-bottom: 12px;
158
+ }
159
+ .login-container .card-header {
160
+ background-color: $ui_back;
161
+ color: $ui_white;
162
+ }
163
+ .login-container .card-body {
164
+ padding: 35px 35px 20px;
165
+ }
166
+ .login-container .btn-block {
167
+ display: block;
168
+ width: auto;
169
+ margin: 0 auto;
170
+ border: none;
171
+ font-family: gt-eesti-medium;
172
+ color: #fff;
173
+ padding: 8px 40px;
174
+ border-radius: 100px;
175
+ font-size: 18px !important;
176
+ font-family: gt-eesti-medium !important;
177
+ }
178
+ .login-container .input-group-text {
179
+ display: none;
180
+ }
181
+ .login-container .form-group.footer.row {
182
+ margin-top: 30px;
183
+ border-top: 1px solid #d9d9d9;
184
+ padding-top: 20px;
185
+ margin-bottom: 0;
186
+ }
187
+ .login-container .form-control {
188
+ height: 42px;
189
+ border: 1px solid #b2b2b2;
190
+ }
191
+ .main-app .dashboard-box {
192
+ padding: 20px;
193
+ background-color: #fff;
194
+ margin-bottom: 20px;
195
+ }
196
+ .main-app .dashboard-area {
197
+ padding: 30px;
198
+ }
199
+ .main-app .dashboard-area .data-info .value {
200
+ font-weight: 600;
201
+ font-size: 22px;
202
+ }
89
203
 
204
+ .am-left-sidebar .sub-menu {
205
+ position: relative !important;
206
+ height: auto;
207
+ width: auto;
208
+ left: 0 !important;
209
+ table-layout: auto;
210
+ top: auto;
211
+ display: block;
212
+ }
213
+ .am-left-sidebar .sub-menu .title {
214
+ display: none;
215
+ }
216
+ .am-left-sidebar .sub-menu .nav-items {
217
+ display: block;
218
+ float: left;
219
+ position: relative;
220
+ height: auto;
221
+ width: 100%;
222
+ padding: 0 0 0 30px;
223
+ }
224
+ .am-left-sidebar .sidebar-elements > li > ul >
225
+ .nav-items .am-scroller .content {
226
+ position: relative !important;
227
+ padding-top: 0 !important;
228
+ }
229
+ .am-left-sidebar .sidebar-elements > li > ul {
230
+ left: 0% !important;
231
+ box-shadow: none !important;
232
+ width: 100% !important;
233
+ }
234
+ .am-left-sidebar .sidebar-elements > li:hover,
235
+ .am-left-sidebar .sidebar-elements > li.open {
236
+ background-color: #fff !important;
237
+ }
238
+ .am-left-sidebar .sidebar-elements > li {
239
+ border-bottom: none !important;
240
+ list-style: none;
241
+ }
242
+ .main-app .navbar .title .badge {
243
+ font-size: 13px !important;
244
+ }
@@ -8,3 +8,4 @@
8
8
  @import "welcome-ui-menu-app";
9
9
  @import "welcome-ui-buttons";
10
10
  @import "welcome-ui-tabs";
11
+ @import "welcome-ui-sidebar";
@@ -0,0 +1,13 @@
1
+ {
2
+ "folders": [
3
+ {
4
+ "path": "../../../../welcome_properties"
5
+ },
6
+ {
7
+ "path": "../../../../welcome"
8
+ },
9
+ {
10
+ "path": "../../.."
11
+ }
12
+ ]
13
+ }
@@ -1,3 +1,3 @@
1
1
  module WelcomeCss
2
- VERSION = "0.1"
2
+ VERSION = "0.2"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: welcome_css
3
3
  version: !ruby/object:Gem::Version
4
- version: '0.1'
4
+ version: '0.2'
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jose Camacho
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-05-12 00:00:00.000000000 Z
11
+ date: 2021-07-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -234,12 +234,14 @@ files:
234
234
  - app/assets/stylesheets/_welcome-ui-buttons.scss
235
235
  - app/assets/stylesheets/_welcome-ui-menu-app.scss
236
236
  - app/assets/stylesheets/_welcome-ui-navbar.scss
237
+ - app/assets/stylesheets/_welcome-ui-sidebar.scss
237
238
  - app/assets/stylesheets/_welcome-ui-tables.scss
238
239
  - app/assets/stylesheets/_welcome-ui-tabs.scss
239
240
  - app/assets/stylesheets/_welcome-ui-typography.scss
240
241
  - app/assets/stylesheets/_welcome-ui.scss
241
242
  - app/assets/stylesheets/_welcome_bootstrap_variables.scss
242
243
  - app/assets/stylesheets/welcome.css.scss
244
+ - app/assets/stylesheets/workspace.code-workspace
243
245
  - lib/tasks/welcome_css_tasks.rake
244
246
  - lib/welcome_css.rb
245
247
  - lib/welcome_css/engine.rb