activeadmin_blaze_theme 0.2.2 → 0.2.4
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 +4 -4
- data/README.md +23 -1
- data/app/assets/stylesheets/activeadmin_blaze_theme/theme.scss +92 -29
- data/lib/activeadmin_blaze_theme/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b62a6f9a1f7bb1f14aecb9ff45c89b024f9ee90c
|
|
4
|
+
data.tar.gz: 7d65828b99ae146d8dd966caec162eb6477c88be
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2ded722c1bcd17b961da7513562d2dee5257a25422ea6dc5cef43625bf5416a4d1978202acb665e5a239d86e2e90a32c693e0ddeea38f3c041d2ee94c6d060c2
|
|
7
|
+
data.tar.gz: 9817a79f09ee13260fd3d1800f4195a7f97f49213cf1f0f3df35bad041b6f5b24b4a00d1bf0a661fb1d9f6ac17666b508750c4b1b059007bd50c2d8b496e4c7b
|
data/README.md
CHANGED
|
@@ -6,7 +6,7 @@ Features:
|
|
|
6
6
|
|
|
7
7
|
- clean UI
|
|
8
8
|
- compact nested forms
|
|
9
|
-
- [customizable](#customize)
|
|
9
|
+
- [customizable](#customize): colors, sidebar position, compact title bar, scroll on cells
|
|
10
10
|
- custom boolean input: [toggle](#toggle)
|
|
11
11
|
- Blaze CSS [widgets](#blaze-widgets)
|
|
12
12
|
|
|
@@ -54,6 +54,28 @@ $height-inputs: 28px;
|
|
|
54
54
|
$text-shadow: #000;
|
|
55
55
|
```
|
|
56
56
|
|
|
57
|
+
- To move sidebar on the left add to your ActiveAdmin styles (after blaze theme import):
|
|
58
|
+
|
|
59
|
+
```css
|
|
60
|
+
#active_admin_content.with_sidebar {
|
|
61
|
+
@extend .sidebar_left;
|
|
62
|
+
}
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
- More options:
|
|
66
|
+
|
|
67
|
+
```css
|
|
68
|
+
// compact title bar
|
|
69
|
+
#title_bar {
|
|
70
|
+
@extend .compact_titlebar;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// scrollable table cells
|
|
74
|
+
.index_content table {
|
|
75
|
+
@extend .scoll_cells;
|
|
76
|
+
}
|
|
77
|
+
```
|
|
78
|
+
|
|
57
79
|
## Custom fields
|
|
58
80
|
|
|
59
81
|
### Toggle
|
|
@@ -34,6 +34,41 @@ body.active_admin {
|
|
|
34
34
|
box-shadow: initial;
|
|
35
35
|
text-shadow: $text-shadow 0 1px 0;
|
|
36
36
|
}
|
|
37
|
+
.compact_titlebar {
|
|
38
|
+
padding-top: 0;
|
|
39
|
+
padding-bottom: 0;
|
|
40
|
+
.breadcrumb {
|
|
41
|
+
float: left;
|
|
42
|
+
font-size: 1em;
|
|
43
|
+
line-height: initial;
|
|
44
|
+
margin: 0;
|
|
45
|
+
padding: 0;
|
|
46
|
+
}
|
|
47
|
+
#page_title {
|
|
48
|
+
font-size: 2em;
|
|
49
|
+
}
|
|
50
|
+
#titlebar_left, #titlebar_right {
|
|
51
|
+
height: 36px;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
.sidebar_left {
|
|
55
|
+
#main_content_wrapper {
|
|
56
|
+
float: right;
|
|
57
|
+
width: calc( 100% - 300px );
|
|
58
|
+
#main_content {
|
|
59
|
+
margin-right: 0;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
#sidebar {
|
|
63
|
+
margin-left: 0;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
table.scoll_cells {
|
|
67
|
+
th, td {
|
|
68
|
+
max-width: 200px;
|
|
69
|
+
overflow: scroll;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
37
72
|
|
|
38
73
|
// forms
|
|
39
74
|
form {
|
|
@@ -297,6 +332,12 @@ body.active_admin {
|
|
|
297
332
|
}
|
|
298
333
|
.site_title {
|
|
299
334
|
color: $fg-menu-items;
|
|
335
|
+
img {
|
|
336
|
+
max-height: 36px;
|
|
337
|
+
max-width: 250px;
|
|
338
|
+
top: -1px;
|
|
339
|
+
vertical-align: middle;
|
|
340
|
+
}
|
|
300
341
|
}
|
|
301
342
|
ul.tabs {
|
|
302
343
|
li > a {
|
|
@@ -463,40 +504,57 @@ body.active_admin {
|
|
|
463
504
|
}
|
|
464
505
|
}
|
|
465
506
|
.index_table {
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
> tr {
|
|
472
|
-
@extend .c-table__row;
|
|
473
|
-
@extend .c-table__row--heading;
|
|
474
|
-
> th {
|
|
475
|
-
@extend .c-table__cell;
|
|
476
|
-
margin-bottom: 0;
|
|
477
|
-
&.col-selectable > div {
|
|
478
|
-
margin-left: auto;
|
|
479
|
-
margin-right: auto;
|
|
480
|
-
}
|
|
481
|
-
}
|
|
482
|
-
}
|
|
507
|
+
th {
|
|
508
|
+
background-image: none;
|
|
509
|
+
background-color: #eee;
|
|
510
|
+
border: 0 none;
|
|
511
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 1px #fff inset;
|
|
483
512
|
}
|
|
484
|
-
>
|
|
485
|
-
@extend .c-table__body;
|
|
513
|
+
tbody > tr > td:first-child {
|
|
486
514
|
border-left: 1px solid $fg-table-borders;
|
|
515
|
+
}
|
|
516
|
+
tbody > tr > td {
|
|
487
517
|
border-right: 1px solid $fg-table-borders;
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
@extend .c-table__cell;
|
|
492
|
-
&.col-selectable > div {
|
|
493
|
-
margin-left: auto;
|
|
494
|
-
margin-right: auto;
|
|
495
|
-
}
|
|
496
|
-
}
|
|
497
|
-
}
|
|
518
|
+
}
|
|
519
|
+
.col.col-selectable > div {
|
|
520
|
+
text-align: center;
|
|
498
521
|
}
|
|
499
522
|
}
|
|
523
|
+
// .index_table {
|
|
524
|
+
// @extend .c-table;
|
|
525
|
+
// // @extend .c-table--striped;
|
|
526
|
+
// // @extend .c-table--condensed;
|
|
527
|
+
// > thead {
|
|
528
|
+
// @extend .c-table__head;
|
|
529
|
+
// > tr {
|
|
530
|
+
// @extend .c-table__row;
|
|
531
|
+
// @extend .c-table__row--heading;
|
|
532
|
+
// > th {
|
|
533
|
+
// @extend .c-table__cell;
|
|
534
|
+
// margin-bottom: 0;
|
|
535
|
+
// &.col-selectable > div {
|
|
536
|
+
// margin-left: auto;
|
|
537
|
+
// margin-right: auto;
|
|
538
|
+
// }
|
|
539
|
+
// }
|
|
540
|
+
// }
|
|
541
|
+
// }
|
|
542
|
+
// > tbody {
|
|
543
|
+
// @extend .c-table__body;
|
|
544
|
+
// border-left: 1px solid $fg-table-borders;
|
|
545
|
+
// border-right: 1px solid $fg-table-borders;
|
|
546
|
+
// > tr {
|
|
547
|
+
// @extend .c-table__row;
|
|
548
|
+
// > td {
|
|
549
|
+
// @extend .c-table__cell;
|
|
550
|
+
// &.col-selectable > div {
|
|
551
|
+
// margin-left: auto;
|
|
552
|
+
// margin-right: auto;
|
|
553
|
+
// }
|
|
554
|
+
// }
|
|
555
|
+
// }
|
|
556
|
+
// }
|
|
557
|
+
// }
|
|
500
558
|
.panel_contents table tr:last-child {
|
|
501
559
|
> td, > th {
|
|
502
560
|
border-bottom: 0 none;
|
|
@@ -505,6 +563,7 @@ body.active_admin {
|
|
|
505
563
|
|
|
506
564
|
// title bar
|
|
507
565
|
#title_bar {
|
|
566
|
+
background-image: none;
|
|
508
567
|
.action_items span.action_item {
|
|
509
568
|
> a,
|
|
510
569
|
> .dropdown_menu > a {
|
|
@@ -580,4 +639,8 @@ body.active_admin {
|
|
|
580
639
|
}
|
|
581
640
|
}
|
|
582
641
|
}
|
|
642
|
+
// textarea comments
|
|
643
|
+
#active_admin_comment_body {
|
|
644
|
+
width: 100%;
|
|
645
|
+
}
|
|
583
646
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: activeadmin_blaze_theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.2.
|
|
4
|
+
version: 0.2.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Mattia Roccoberton
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-05-
|
|
11
|
+
date: 2017-05-28 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: activeadmin
|