activeadmin_blaze_theme 0.5.16 → 0.6.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.txt +1 -1
- data/README.md +28 -24
- data/app/assets/stylesheets/activeadmin_blaze_theme/_base.scss +197 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/_contents.scss +42 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/_footer.scss +15 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/_form.scss +381 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/_header.scss +140 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/_navigation.scss +69 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/_sidebars.scss +64 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/_tables.scss +96 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/_variables.scss +46 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.addresses.scss +11 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss +78 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.avatars.scss +38 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.back-to-top.scss +17 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.badges.scss +71 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.breadcrumbs.scss +24 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.buttons.scss +91 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.calendars.scss +80 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.cards.scss +195 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.divider.scss +39 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.file-upload.scss +24 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.github-buttons.scss +131 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.headings.scss +12 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.hints.scss +21 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.input-groups.scss +164 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.inputs.scss +128 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.links.scss +72 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.lists.scss +64 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.navs.scss +83 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.overlays.scss +23 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.pagination.scss +31 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.progress.scss +83 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.ranges.scss +176 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tables.scss +86 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tabs.scss +68 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tags.scss +39 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.timelines.scss +113 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.toggles.scss +89 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{components.tooltips.scss → _components.tooltips.scss} +28 -30
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.trees.scss +48 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_generics.global.scss +17 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.containers.scss +37 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.drawers.scss +91 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.forms.scss +25 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.grid.responsive.scss → _objects.grid.responsive.scss} +14 -14
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.grid.scss → _objects.grid.scss} +2 -2
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.images.scss → _objects.images.scss} +1 -1
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.media.scss → _objects.media.scss} +3 -3
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.modals.scss +70 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.panels.scss → _objects.panels.scss} +1 -11
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{utilities.alignment.scss → _utilities.alignment.scss} +13 -1
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.boxing.scss +111 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.elevation.scss +17 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.radius.scss +11 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.sizes.scss +23 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.typography.scss +160 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.visibility.scss +54 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_variables.scss +93 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.scss +49 -41
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.buttons.scss +82 -43
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.inputs.scss +2 -40
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.grid.scss +35 -6
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss +13 -34
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.alignment.scss +12 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.states.scss +7 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.visibility.scss +7 -0
- data/app/assets/stylesheets/activeadmin_blaze_theme/theme.scss +10 -988
- data/lib/activeadmin_blaze_theme/version.rb +1 -1
- metadata +61 -57
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.colors.scss +0 -30
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.addresses.scss +0 -12
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.alerts.scss +0 -59
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.avatars.scss +0 -36
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.badges.scss +0 -60
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.breadcrumbs.scss +0 -20
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.bubbles.scss +0 -49
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.buttons.scss +0 -77
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.calendars.scss +0 -69
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.cards.scss +0 -213
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.headings.scss +0 -14
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.hints.scss +0 -27
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.input-groups.scss +0 -163
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss +0 -144
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.links.scss +0 -31
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.lists.scss +0 -60
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.navs.scss +0 -126
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.overlays.scss +0 -26
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.pagination.scss +0 -42
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.progress.scss +0 -51
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.ranges.scss +0 -114
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tables.scss +0 -88
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tabs.scss +0 -72
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tags.scss +0 -42
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.toggles.scss +0 -74
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.trees.scss +0 -47
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.typography.scss +0 -94
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/generics.global.scss +0 -13
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.alerts.scss +0 -6
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.badges.scss +0 -8
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.links.scss +0 -22
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.lists.scss +0 -10
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.navs.scss +0 -29
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.ranges.scss +0 -89
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.tabs.scss +0 -5
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.toggles.scss +0 -6
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.typography.scss +0 -25
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.containers.scss +0 -10
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_settings.global.scss +0 -864
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.boxing.scss +0 -125
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.containers.scss +0 -31
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.drawers.scss +0 -88
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.forms.scss +0 -25
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.modals.scss +0 -58
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/themes/blaze.example.scss +0 -7
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.boxing.scss +0 -101
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss +0 -19
- data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.sizes.scss +0 -25
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 669d8d39060600b62b49f9a05191dfab077d2fbeb774d631163f77e69de6da2e
|
4
|
+
data.tar.gz: eb2b16bb751d50904f1259e2a2d5db5aaa59f2561b31351815e013dc8963bdd1
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1db5ac163642c0607ead2f855d76b099a3054cfabe4f610c687b1d96f2b00c33494937964aff4bfb1153c933701ac85c7fed2606d068048f178b61d227216a39
|
7
|
+
data.tar.gz: cec47d8ccfdd80c3f2a7531beb53aa2c820062c76b28fa9bc66595beac941b37f2a31ebdc72c2a7626390cf4340f468445944749024ccfecae002665c25cdf6c
|
data/LICENSE.txt
CHANGED
data/README.md
CHANGED
@@ -13,41 +13,45 @@ Features:
|
|
13
13
|
## Install
|
14
14
|
- Add to your Gemfile: `gem 'activeadmin_blaze_theme'`
|
15
15
|
- Execute bundle
|
16
|
-
- Add at the end of your Active Admin styles (_app/assets/stylesheets/active_admin.scss_):
|
16
|
+
- Add at the end of your Active Admin styles (_app/assets/stylesheets/active_admin.scss_):
|
17
|
+
|
18
|
+
```scss
|
19
|
+
@import "activeadmin_blaze_theme/theme";
|
20
|
+
```
|
17
21
|
|
18
22
|
## Customize
|
19
|
-
- To change colors add
|
23
|
+
- To change colors add to your Active Admin styles (before **activeadmin_blaze_theme/theme** import):
|
20
24
|
|
21
25
|
```scss
|
22
26
|
// blaze colors
|
23
|
-
$color-brand: #
|
27
|
+
$color-brand: #2c3e50;
|
24
28
|
$color-info: #4dabf5;
|
25
29
|
$color-warning: #ff9800;
|
26
30
|
$color-success: #4caf50;
|
27
31
|
$color-error: #f44336;
|
28
32
|
// main variables
|
29
|
-
$bg-footer: #dfdfdf
|
30
|
-
$bg-form1: #f4f4f4
|
31
|
-
$bg-form2: darken($bg-form1, 3%)
|
32
|
-
$bg-form3: darken($bg-form1, 6%)
|
33
|
-
$bg-form4: darken($bg-form1, 9%)
|
34
|
-
$bg-form-sub-headings: lighten(
|
35
|
-
$bg-header: $color-brand
|
36
|
-
$bg-inputs: #fff
|
37
|
-
$bg-menu-active: #7b929e
|
38
|
-
$bg-sidebar: #efefef;
|
39
|
-
$fg-box-title: #fff
|
40
|
-
$fg-button-link: #fff
|
41
|
-
$fg-menu-items: #f8f8f8
|
42
|
-
$fg-table-borders: #e4e4e4
|
43
|
-
$fg-table-link: #eee
|
33
|
+
$bg-footer: #dfdfdf; // bg footer bar
|
34
|
+
$bg-form1: #f4f4f4; // bg 1st level forms
|
35
|
+
$bg-form2: darken($bg-form1, 3%); // bg 2nd level forms (nested)
|
36
|
+
$bg-form3: darken($bg-form1, 6%); // bg 3rd level forms (nested)
|
37
|
+
$bg-form4: darken($bg-form1, 9%); // bg 4th level forms (nested)
|
38
|
+
$bg-form-sub-headings: lighten($color-brand, 64%); // bg nested forms title
|
39
|
+
$bg-header: $color-brand; // bg header bar
|
40
|
+
$bg-inputs: #fff; // bg forms inputs
|
41
|
+
$bg-menu-active: #7b929e; // bg menu item current / hover
|
42
|
+
$bg-sidebar: #efefef; // bg sidebar
|
43
|
+
$fg-box-title: #fff;
|
44
|
+
$fg-button-link: #fff;
|
45
|
+
$fg-menu-items: #f8f8f8;
|
46
|
+
$fg-table-borders: #e4e4e4;
|
47
|
+
$fg-table-link: #eee;
|
44
48
|
// other variables
|
45
|
-
$form-padding: 10px
|
46
|
-
$inputs-spacing: 10px
|
47
|
-
$height-inputs: 26px
|
48
|
-
$height-topbar: 40px
|
49
|
-
$height-titlebar: 38px
|
50
|
-
$text-shadow: #000
|
49
|
+
$form-padding: 10px;
|
50
|
+
$inputs-spacing: 10px;
|
51
|
+
$height-inputs: 26px;
|
52
|
+
$height-topbar: 40px;
|
53
|
+
$height-titlebar: 38px;
|
54
|
+
$text-shadow: #000;
|
51
55
|
```
|
52
56
|
|
53
57
|
- To move sidebar on the left add to your Active Admin styles (after blaze theme import):
|
@@ -0,0 +1,197 @@
|
|
1
|
+
body.active_admin {
|
2
|
+
font-family: 'Roboto', sans-serif;
|
3
|
+
font-size: 12px;
|
4
|
+
min-height: 100vh;
|
5
|
+
|
6
|
+
.button-base {
|
7
|
+
@extend .c-button;
|
8
|
+
|
9
|
+
background-image: none;
|
10
|
+
box-shadow: initial;
|
11
|
+
color: #f4f4f4;
|
12
|
+
text-shadow: $text-shadow 0 1px 0;
|
13
|
+
}
|
14
|
+
.c-input-group .c-button:not(:first-child) {
|
15
|
+
border-left: 1px solid #ddd;
|
16
|
+
}
|
17
|
+
|
18
|
+
// misc
|
19
|
+
a.member_link {
|
20
|
+
color: #f4f4f4;
|
21
|
+
text-decoration: none;
|
22
|
+
}
|
23
|
+
.download_links {
|
24
|
+
padding-bottom: 10px;
|
25
|
+
|
26
|
+
>a {
|
27
|
+
@extend .c-button;
|
28
|
+
@extend .c-button--info;
|
29
|
+
@extend .u-small;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
.ui-datepicker {
|
33
|
+
> .ui-datepicker-header {
|
34
|
+
border-bottom: 0 none;
|
35
|
+
border-radius: 0;
|
36
|
+
height: auto;
|
37
|
+
margin: 0;
|
38
|
+
padding: 8px 10px;
|
39
|
+
width: 100%;
|
40
|
+
}
|
41
|
+
.ui-datepicker-calendar th {
|
42
|
+
padding: 3px 0;
|
43
|
+
}
|
44
|
+
> .ui-datepicker-calendar {
|
45
|
+
left: 0;
|
46
|
+
width: 100%;
|
47
|
+
a {
|
48
|
+
text-decoration: none;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
// comments
|
54
|
+
.comments {
|
55
|
+
.actions {
|
56
|
+
padding: 0;
|
57
|
+
}
|
58
|
+
|
59
|
+
.inputs >ol {
|
60
|
+
background-color: transparent;
|
61
|
+
}
|
62
|
+
|
63
|
+
.pagination_information {
|
64
|
+
float: none;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
// boolean values
|
69
|
+
.status_tag {
|
70
|
+
min-width: 30px;
|
71
|
+
display: inline-block;
|
72
|
+
text-align: center;
|
73
|
+
&.no {
|
74
|
+
background-color: $color-error;
|
75
|
+
}
|
76
|
+
&.yes {
|
77
|
+
background-color: $color-success;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
// dialogs
|
82
|
+
.ui-dialog {
|
83
|
+
button.ui-button {
|
84
|
+
@extend .button-base;
|
85
|
+
margin-right: 10px;
|
86
|
+
&:hover, &.ui-widget:hover {
|
87
|
+
background-color: #aaa;
|
88
|
+
background-image: none;
|
89
|
+
}
|
90
|
+
&.ui-dialog-titlebar-close {
|
91
|
+
// display: none; // hides close button
|
92
|
+
margin-right: 0;
|
93
|
+
}
|
94
|
+
}
|
95
|
+
.ui-dialog-content {
|
96
|
+
min-height: auto;
|
97
|
+
}
|
98
|
+
.ui-dialog-titlebar {
|
99
|
+
display: flex;
|
100
|
+
justify-content: space-between;
|
101
|
+
> * {
|
102
|
+
align-self: center
|
103
|
+
}
|
104
|
+
}
|
105
|
+
// .ui-dialog-buttonset {
|
106
|
+
// text-align: right;
|
107
|
+
// }
|
108
|
+
}
|
109
|
+
|
110
|
+
// special components
|
111
|
+
.filter_form .select-one-inputs {
|
112
|
+
display: flex;
|
113
|
+
>input[type="text"], >select {
|
114
|
+
width: 49%;
|
115
|
+
}
|
116
|
+
>input[type="text"] {
|
117
|
+
margin: 0 1% 0 0;
|
118
|
+
}
|
119
|
+
select {
|
120
|
+
margin: 0 0 0 1%;
|
121
|
+
}
|
122
|
+
}
|
123
|
+
.selectize.input > .selectize-control > .selectize-input {
|
124
|
+
padding-left: 4px;
|
125
|
+
padding-top: 3px;
|
126
|
+
}
|
127
|
+
|
128
|
+
// optional customizations
|
129
|
+
.compact_titlebar {
|
130
|
+
white-space: initial;
|
131
|
+
}
|
132
|
+
.sidebar_left {
|
133
|
+
#main_content_wrapper {
|
134
|
+
order: 2;
|
135
|
+
width: calc( 100% - 270px );
|
136
|
+
#main_content {
|
137
|
+
width: 100%;
|
138
|
+
}
|
139
|
+
}
|
140
|
+
#sidebar {
|
141
|
+
order: 1;
|
142
|
+
margin-left: 0;
|
143
|
+
}
|
144
|
+
}
|
145
|
+
table.scrollable_cells {
|
146
|
+
th, td {
|
147
|
+
max-width: 200px;
|
148
|
+
overflow: scroll;
|
149
|
+
}
|
150
|
+
}
|
151
|
+
.ckeditor_width_fix {
|
152
|
+
display: inline-block;
|
153
|
+
min-width: 450px;
|
154
|
+
width: auto;
|
155
|
+
// width: calc(80% - 22px);
|
156
|
+
}
|
157
|
+
.no_rounded {
|
158
|
+
*, .action_items span.action_item > a, .panel {
|
159
|
+
border-radius: 0;
|
160
|
+
}
|
161
|
+
}
|
162
|
+
|
163
|
+
// menu
|
164
|
+
.blaze-menu {
|
165
|
+
@extend .c-card;
|
166
|
+
@extend .c-card--menu;
|
167
|
+
@extend .u-high;
|
168
|
+
li {
|
169
|
+
@extend .c-card__item;
|
170
|
+
padding: 0;
|
171
|
+
a {
|
172
|
+
display: block;
|
173
|
+
padding: 0.5em;
|
174
|
+
text-decoration: none;
|
175
|
+
}
|
176
|
+
}
|
177
|
+
}
|
178
|
+
.sidebar_section .blaze-menu {
|
179
|
+
margin-bottom: 4px;
|
180
|
+
}
|
181
|
+
|
182
|
+
// textarea comments
|
183
|
+
#active_admin_comment_body {
|
184
|
+
width: 100%;
|
185
|
+
}
|
186
|
+
|
187
|
+
// misc
|
188
|
+
#active_admin_content.without_sidebar #main_content_wrapper #main_content {
|
189
|
+
width: 100%;
|
190
|
+
}
|
191
|
+
#wrapper {
|
192
|
+
display: block;
|
193
|
+
min-height: 100vh;
|
194
|
+
padding-bottom: 40px; // footer height
|
195
|
+
position: relative;
|
196
|
+
}
|
197
|
+
}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
body.active_admin {
|
2
|
+
// main content
|
3
|
+
#main_content {
|
4
|
+
margin: 0;
|
5
|
+
padding: 25px 20px;
|
6
|
+
width: calc(100% - 270px);
|
7
|
+
.panel {
|
8
|
+
@extend .c-card;
|
9
|
+
@extend .u-high;
|
10
|
+
> h3 {
|
11
|
+
@extend .c-card__item;
|
12
|
+
@extend .c-card__item--brand;
|
13
|
+
background-image: none;
|
14
|
+
border: 0 none !important;
|
15
|
+
color: $fg-box-title;
|
16
|
+
margin: 0;
|
17
|
+
padding: 8px 11px;
|
18
|
+
text-shadow: $text-shadow 0 1px 0;
|
19
|
+
}
|
20
|
+
> .panel_contents .actions {
|
21
|
+
margin: 0;
|
22
|
+
}
|
23
|
+
table {
|
24
|
+
margin: 0;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
.section {
|
28
|
+
background: transparent;
|
29
|
+
box-shadow: none;
|
30
|
+
margin-bottom: 0;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
// admin content
|
35
|
+
#active_admin_content {
|
36
|
+
display: flex;
|
37
|
+
padding: 0;
|
38
|
+
}
|
39
|
+
&.logged_out #active_admin_content { // devise forms
|
40
|
+
display: block;
|
41
|
+
}
|
42
|
+
}
|
@@ -0,0 +1,381 @@
|
|
1
|
+
body.active_admin {
|
2
|
+
form {
|
3
|
+
// inputs
|
4
|
+
input[type='datetime-local'],
|
5
|
+
input[type='email'],
|
6
|
+
input[type='number'],
|
7
|
+
input[type='password'],
|
8
|
+
input[type='search'],
|
9
|
+
input[type='tel'],
|
10
|
+
input[type='text'],
|
11
|
+
input[type='time'],
|
12
|
+
input[type='url'],
|
13
|
+
select,
|
14
|
+
textarea {
|
15
|
+
@extend .c-field;
|
16
|
+
background-color: $bg-inputs;
|
17
|
+
display: inline-block;
|
18
|
+
height: $height-inputs;
|
19
|
+
padding: 1px 6px;
|
20
|
+
}
|
21
|
+
input[type='radio'] {
|
22
|
+
margin-right: 0.4em;
|
23
|
+
}
|
24
|
+
input[type='range'] {
|
25
|
+
@extend .c-range;
|
26
|
+
background: transparent;
|
27
|
+
display: inline-block;
|
28
|
+
height: $height-inputs;
|
29
|
+
min-width: 200px;
|
30
|
+
width: 30%;
|
31
|
+
}
|
32
|
+
select {
|
33
|
+
padding: 1px 5px;
|
34
|
+
}
|
35
|
+
select[multiple], textarea {
|
36
|
+
height: auto;
|
37
|
+
}
|
38
|
+
select.c-field:not([multiple]), select:not([multiple]) {
|
39
|
+
background: transparent;
|
40
|
+
-webkit-appearance: menulist;
|
41
|
+
}
|
42
|
+
textarea {
|
43
|
+
padding: 6px;
|
44
|
+
}
|
45
|
+
abbr {
|
46
|
+
padding-left: 3px;
|
47
|
+
}
|
48
|
+
|
49
|
+
// buttons
|
50
|
+
button,
|
51
|
+
input[type='button'],
|
52
|
+
input[type='submit'],
|
53
|
+
&.filter_form a.clear_filters_btn,
|
54
|
+
fieldset.buttons li.cancel a,
|
55
|
+
fieldset.actions li.cancel a {
|
56
|
+
@extend .button-base;
|
57
|
+
|
58
|
+
color: #f4f4f4;
|
59
|
+
}
|
60
|
+
.buttons, .actions {
|
61
|
+
button,
|
62
|
+
input[type='button'],
|
63
|
+
input[type='submit'] {
|
64
|
+
color: #f4f4f4;
|
65
|
+
margin-right: 10px;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
|
69
|
+
button:hover,
|
70
|
+
input[type='button']:hover,
|
71
|
+
input[type='submit']:hover,
|
72
|
+
&.filter_form a.clear_filters_btn:hover,
|
73
|
+
fieldset.buttons li.cancel a:hover,
|
74
|
+
fieldset.actions li.cancel a:hover {
|
75
|
+
background-color: #aaa;
|
76
|
+
background-image: none;
|
77
|
+
}
|
78
|
+
> .actions {
|
79
|
+
margin: 5px 0 0 0;
|
80
|
+
}
|
81
|
+
|
82
|
+
// submits
|
83
|
+
input[type='submit'] {
|
84
|
+
@extend .c-button--success;
|
85
|
+
|
86
|
+
color: #f4f4f4;
|
87
|
+
}
|
88
|
+
|
89
|
+
// custom fields
|
90
|
+
.blaze_toggle {
|
91
|
+
label {
|
92
|
+
display: inline-block;
|
93
|
+
}
|
94
|
+
.field_with_errors {
|
95
|
+
display: inline;
|
96
|
+
}
|
97
|
+
.inline-errors {
|
98
|
+
margin-top: 0;
|
99
|
+
}
|
100
|
+
}
|
101
|
+
.readonly-field {
|
102
|
+
div {
|
103
|
+
display: inline-block;
|
104
|
+
line-height: $height-inputs;
|
105
|
+
min-width: 450px;
|
106
|
+
}
|
107
|
+
.field_label {
|
108
|
+
display: block;
|
109
|
+
float: left;
|
110
|
+
width: 20%;
|
111
|
+
}
|
112
|
+
.field_value {
|
113
|
+
border-bottom: 1px dashed #ccc;
|
114
|
+
display: inline-block;
|
115
|
+
width: 100%;
|
116
|
+
padding: 0 6px;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
120
|
+
// filter forms
|
121
|
+
&.filter_form {
|
122
|
+
.filter_form_field {
|
123
|
+
> input, > select, .separator, .seperator {
|
124
|
+
float: left;
|
125
|
+
}
|
126
|
+
> label {
|
127
|
+
padding-top: 8px;
|
128
|
+
}
|
129
|
+
.separator, .seperator {
|
130
|
+
line-height: $height-inputs;
|
131
|
+
}
|
132
|
+
}
|
133
|
+
.filter_form_field.select_and_search {
|
134
|
+
>input, >select {
|
135
|
+
background-color: $bg-inputs;
|
136
|
+
width: 49%;
|
137
|
+
}
|
138
|
+
>input {
|
139
|
+
margin: 0 0 0 1%;
|
140
|
+
}
|
141
|
+
>select {
|
142
|
+
margin: 0 1% 0 0;
|
143
|
+
}
|
144
|
+
}
|
145
|
+
.filter_form_field.filter_date_range {
|
146
|
+
>input {
|
147
|
+
background-color: $bg-inputs;
|
148
|
+
width: 49%;
|
149
|
+
margin: 0 1% 0 0;
|
150
|
+
}
|
151
|
+
>input:last-child {
|
152
|
+
margin: 0 0 0 1%;
|
153
|
+
}
|
154
|
+
}
|
155
|
+
.buttons {
|
156
|
+
clear: both;
|
157
|
+
padding-top: 14px;
|
158
|
+
}
|
159
|
+
}
|
160
|
+
|
161
|
+
// fieldsets
|
162
|
+
fieldset {
|
163
|
+
&.buttons li, &.actions li {
|
164
|
+
float: none;
|
165
|
+
display: inline-block;
|
166
|
+
}
|
167
|
+
&.inputs {
|
168
|
+
background-color: transparent;
|
169
|
+
box-shadow: none;
|
170
|
+
padding: 0;
|
171
|
+
input[type='datetime-local'],
|
172
|
+
input[type='email'],
|
173
|
+
input[type='number'],
|
174
|
+
input[type='password'],
|
175
|
+
input[type='search'],
|
176
|
+
input[type='tel'],
|
177
|
+
input[type='text'],
|
178
|
+
input[type='time'],
|
179
|
+
input[type='url'],
|
180
|
+
select,
|
181
|
+
textarea {
|
182
|
+
background-color: $bg-inputs;
|
183
|
+
min-width: 450px;
|
184
|
+
width: auto;
|
185
|
+
// width: calc(80% - 22px);
|
186
|
+
}
|
187
|
+
// select {
|
188
|
+
// background-image: none;
|
189
|
+
// }
|
190
|
+
label {
|
191
|
+
line-height: $height-inputs;
|
192
|
+
}
|
193
|
+
li.input.hidden {
|
194
|
+
padding: 0;
|
195
|
+
}
|
196
|
+
// .boolean > label { // not working
|
197
|
+
// @extend .c-field;
|
198
|
+
// @extend .c-field--choice;
|
199
|
+
// }
|
200
|
+
.button {
|
201
|
+
@extend .button-base;
|
202
|
+
display: inline-block;
|
203
|
+
margin-left: 10px;
|
204
|
+
margin-top: 10px;
|
205
|
+
&:hover {
|
206
|
+
background-color: #aaa;
|
207
|
+
background-image: none;
|
208
|
+
}
|
209
|
+
&.has_many_add {
|
210
|
+
@extend .c-button--info;
|
211
|
+
}
|
212
|
+
&.has_many_remove {
|
213
|
+
@extend .c-button--error;
|
214
|
+
}
|
215
|
+
}
|
216
|
+
// .datepicker > input {
|
217
|
+
// -webkit-appearance: menulist;
|
218
|
+
// }
|
219
|
+
.fragment {
|
220
|
+
input[type='datetime-local'],
|
221
|
+
input[type='email'],
|
222
|
+
input[type='number'],
|
223
|
+
input[type='password'],
|
224
|
+
input[type='search'],
|
225
|
+
input[type='tel'],
|
226
|
+
input[type='text'],
|
227
|
+
input[type='time'],
|
228
|
+
input[type='url'],
|
229
|
+
select {
|
230
|
+
min-width: auto;
|
231
|
+
width: auto;
|
232
|
+
}
|
233
|
+
}
|
234
|
+
.input.error select {
|
235
|
+
border: 1px solid $color-validation-error;
|
236
|
+
}
|
237
|
+
}
|
238
|
+
> ol {
|
239
|
+
padding: 0;
|
240
|
+
> li {
|
241
|
+
padding: 0 0 $inputs-spacing 0;
|
242
|
+
&.boolean label, &.blaze_toggle label {
|
243
|
+
float: none;
|
244
|
+
}
|
245
|
+
&.has_many_container {
|
246
|
+
padding: $form-padding;
|
247
|
+
}
|
248
|
+
}
|
249
|
+
}
|
250
|
+
}
|
251
|
+
> fieldset.inputs, div.c-card__item > fieldset.inputs, .ui-tabs-panel > fieldset.inputs {
|
252
|
+
> legend {
|
253
|
+
@extend .c-card__item;
|
254
|
+
@extend .c-card__item--brand;
|
255
|
+
border-radius: 5px 5px 0 0;
|
256
|
+
box-shadow: 0 0 1px rgba(17, 17, 17, 0.6), 0 5px 10px -3px rgba(17, 17, 17, 0.4);
|
257
|
+
color: $fg-box-title;
|
258
|
+
padding: 8px 11px;
|
259
|
+
text-shadow: $text-shadow 0 1px 0;
|
260
|
+
> span {
|
261
|
+
background-color: transparent;
|
262
|
+
background-image: none;
|
263
|
+
border: 0 none;
|
264
|
+
box-shadow: initial;
|
265
|
+
color: inherit;
|
266
|
+
margin: 0;
|
267
|
+
padding: 0;
|
268
|
+
text-shadow: inherit;
|
269
|
+
}
|
270
|
+
}
|
271
|
+
> ol {
|
272
|
+
@extend .c-card;
|
273
|
+
@extend .u-high;
|
274
|
+
background-color: $bg-form1;
|
275
|
+
border-radius: 0 0 5px 5px;
|
276
|
+
overflow: visible;
|
277
|
+
padding: $form-padding;
|
278
|
+
> .has_many_container {
|
279
|
+
background-color: $bg-form2;
|
280
|
+
ol {
|
281
|
+
background-color: $bg-form2;
|
282
|
+
// padding: 0;
|
283
|
+
}
|
284
|
+
|
285
|
+
// > .has_many_fields > ol {
|
286
|
+
// background-color: $bg-form3;
|
287
|
+
// > .has_many_container {
|
288
|
+
// background-color: $bg-form3;
|
289
|
+
// }
|
290
|
+
// }
|
291
|
+
|
292
|
+
// > fieldset > ol > .has_many_container {
|
293
|
+
// background-color: $bg-form3;
|
294
|
+
// > fieldset > ol > .has_many_container {
|
295
|
+
// background-color: $bg-form4;
|
296
|
+
// }
|
297
|
+
// }
|
298
|
+
}
|
299
|
+
}
|
300
|
+
.has_many_container {
|
301
|
+
@extend .c-card;
|
302
|
+
@extend .u-high;
|
303
|
+
// border-left: 2px solid lighten( $color-brand, 20% );
|
304
|
+
border-radius: 0;
|
305
|
+
box-shadow: none;
|
306
|
+
padding: 0;
|
307
|
+
> h3 {
|
308
|
+
@extend .c-card__item;
|
309
|
+
// @extend .c-card__item--info;
|
310
|
+
background: $bg-form-sub-headings;
|
311
|
+
margin-bottom: 2px;
|
312
|
+
margin-top: 0;
|
313
|
+
padding: 10px;
|
314
|
+
}
|
315
|
+
// ol {
|
316
|
+
// border-left: 2px solid lighten( $color-brand, 20% );
|
317
|
+
// padding: 10px 0 10px 10px;
|
318
|
+
// }
|
319
|
+
.input {
|
320
|
+
padding: 10px 0 0 10px;
|
321
|
+
}
|
322
|
+
.inputs {
|
323
|
+
border-bottom: 1px solid #ccc;
|
324
|
+
border-radius: 0;
|
325
|
+
margin: 0;
|
326
|
+
padding: 0 0 5px 0;
|
327
|
+
// padding: $form-padding;
|
328
|
+
}
|
329
|
+
// .has_many_fields {
|
330
|
+
// margin: 0;
|
331
|
+
// padding: 0;
|
332
|
+
// }
|
333
|
+
> .button {
|
334
|
+
margin-left: $form-padding;
|
335
|
+
margin-bottom: $form-padding;
|
336
|
+
}
|
337
|
+
}
|
338
|
+
.choices-group li.choice {
|
339
|
+
display: inline-block;
|
340
|
+
margin-right: 10px;
|
341
|
+
}
|
342
|
+
}
|
343
|
+
div.c-card__item > fieldset.inputs {
|
344
|
+
margin-bottom: 0;
|
345
|
+
}
|
346
|
+
|
347
|
+
// tabs
|
348
|
+
.ui-tabs > .tab-content {
|
349
|
+
padding-bottom: 0;
|
350
|
+
padding-top: 25px;
|
351
|
+
}
|
352
|
+
.ui-tabs-nav {
|
353
|
+
li {
|
354
|
+
a {
|
355
|
+
background: #eee;
|
356
|
+
color: #555;
|
357
|
+
}
|
358
|
+
&:first-child a {
|
359
|
+
border-top-left-radius: 6px;
|
360
|
+
border-bottom-left-radius: 6px;
|
361
|
+
}
|
362
|
+
&:last-child a {
|
363
|
+
border-top-right-radius: 6px;
|
364
|
+
border-bottom-right-radius: 6px;
|
365
|
+
}
|
366
|
+
&.ui-tabs-active a {
|
367
|
+
color: #222;
|
368
|
+
border-color: #AAA;
|
369
|
+
background-image: none;
|
370
|
+
background-color: #fff;
|
371
|
+
}
|
372
|
+
}
|
373
|
+
}
|
374
|
+
|
375
|
+
// misc
|
376
|
+
a.c-button {
|
377
|
+
color: $fg-button-link;
|
378
|
+
text-decoration: none;
|
379
|
+
}
|
380
|
+
}
|
381
|
+
}
|