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.
Files changed (119) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +1 -1
  3. data/README.md +28 -24
  4. data/app/assets/stylesheets/activeadmin_blaze_theme/_base.scss +197 -0
  5. data/app/assets/stylesheets/activeadmin_blaze_theme/_contents.scss +42 -0
  6. data/app/assets/stylesheets/activeadmin_blaze_theme/_footer.scss +15 -0
  7. data/app/assets/stylesheets/activeadmin_blaze_theme/_form.scss +381 -0
  8. data/app/assets/stylesheets/activeadmin_blaze_theme/_header.scss +140 -0
  9. data/app/assets/stylesheets/activeadmin_blaze_theme/_navigation.scss +69 -0
  10. data/app/assets/stylesheets/activeadmin_blaze_theme/_sidebars.scss +64 -0
  11. data/app/assets/stylesheets/activeadmin_blaze_theme/_tables.scss +96 -0
  12. data/app/assets/stylesheets/activeadmin_blaze_theme/_variables.scss +46 -0
  13. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.addresses.scss +11 -0
  14. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss +78 -0
  15. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.avatars.scss +38 -0
  16. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.back-to-top.scss +17 -0
  17. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.badges.scss +71 -0
  18. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.breadcrumbs.scss +24 -0
  19. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.buttons.scss +91 -0
  20. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.calendars.scss +80 -0
  21. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.cards.scss +195 -0
  22. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.divider.scss +39 -0
  23. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.file-upload.scss +24 -0
  24. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.github-buttons.scss +131 -0
  25. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.headings.scss +12 -0
  26. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.hints.scss +21 -0
  27. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.input-groups.scss +164 -0
  28. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.inputs.scss +128 -0
  29. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.links.scss +72 -0
  30. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.lists.scss +64 -0
  31. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.navs.scss +83 -0
  32. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.overlays.scss +23 -0
  33. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.pagination.scss +31 -0
  34. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.progress.scss +83 -0
  35. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.ranges.scss +176 -0
  36. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tables.scss +86 -0
  37. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tabs.scss +68 -0
  38. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tags.scss +39 -0
  39. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.timelines.scss +113 -0
  40. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.toggles.scss +89 -0
  41. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{components.tooltips.scss → _components.tooltips.scss} +28 -30
  42. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.trees.scss +48 -0
  43. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_generics.global.scss +17 -0
  44. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.containers.scss +37 -0
  45. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.drawers.scss +91 -0
  46. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.forms.scss +25 -0
  47. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.grid.responsive.scss → _objects.grid.responsive.scss} +14 -14
  48. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.grid.scss → _objects.grid.scss} +2 -2
  49. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.images.scss → _objects.images.scss} +1 -1
  50. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.media.scss → _objects.media.scss} +3 -3
  51. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.modals.scss +70 -0
  52. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.panels.scss → _objects.panels.scss} +1 -11
  53. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{utilities.alignment.scss → _utilities.alignment.scss} +13 -1
  54. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.boxing.scss +111 -0
  55. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.elevation.scss +17 -0
  56. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.radius.scss +11 -0
  57. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.sizes.scss +23 -0
  58. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.typography.scss +160 -0
  59. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.visibility.scss +54 -0
  60. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_variables.scss +93 -0
  61. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.scss +49 -41
  62. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.buttons.scss +82 -43
  63. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.inputs.scss +2 -40
  64. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.grid.scss +35 -6
  65. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss +13 -34
  66. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.alignment.scss +12 -0
  67. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.states.scss +7 -0
  68. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.visibility.scss +7 -0
  69. data/app/assets/stylesheets/activeadmin_blaze_theme/theme.scss +10 -988
  70. data/lib/activeadmin_blaze_theme/version.rb +1 -1
  71. metadata +61 -57
  72. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.colors.scss +0 -30
  73. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.addresses.scss +0 -12
  74. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.alerts.scss +0 -59
  75. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.avatars.scss +0 -36
  76. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.badges.scss +0 -60
  77. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.breadcrumbs.scss +0 -20
  78. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.bubbles.scss +0 -49
  79. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.buttons.scss +0 -77
  80. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.calendars.scss +0 -69
  81. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.cards.scss +0 -213
  82. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.headings.scss +0 -14
  83. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.hints.scss +0 -27
  84. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.input-groups.scss +0 -163
  85. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss +0 -144
  86. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.links.scss +0 -31
  87. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.lists.scss +0 -60
  88. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.navs.scss +0 -126
  89. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.overlays.scss +0 -26
  90. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.pagination.scss +0 -42
  91. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.progress.scss +0 -51
  92. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.ranges.scss +0 -114
  93. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tables.scss +0 -88
  94. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tabs.scss +0 -72
  95. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tags.scss +0 -42
  96. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.toggles.scss +0 -74
  97. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.trees.scss +0 -47
  98. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.typography.scss +0 -94
  99. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/generics.global.scss +0 -13
  100. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.alerts.scss +0 -6
  101. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.badges.scss +0 -8
  102. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.links.scss +0 -22
  103. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.lists.scss +0 -10
  104. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.navs.scss +0 -29
  105. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.ranges.scss +0 -89
  106. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.tabs.scss +0 -5
  107. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.toggles.scss +0 -6
  108. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.typography.scss +0 -25
  109. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.containers.scss +0 -10
  110. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_settings.global.scss +0 -864
  111. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.boxing.scss +0 -125
  112. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.containers.scss +0 -31
  113. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.drawers.scss +0 -88
  114. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.forms.scss +0 -25
  115. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.modals.scss +0 -58
  116. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/themes/blaze.example.scss +0 -7
  117. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.boxing.scss +0 -101
  118. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss +0 -19
  119. 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: af3f001d6915ecc2ab8b31b3161503ae7dec0ddbb3d73e540f84400021286ef8
4
- data.tar.gz: 8e738b5f803ccb3aecc414fe3b85b4cc71806b0ba1f2d94b19a756fee83d333a
3
+ metadata.gz: 669d8d39060600b62b49f9a05191dfab077d2fbeb774d631163f77e69de6da2e
4
+ data.tar.gz: eb2b16bb751d50904f1259e2a2d5db5aaa59f2561b31351815e013dc8963bdd1
5
5
  SHA512:
6
- metadata.gz: 5a2f5c9cd1161cd38baad128f22eb90c5d05dc00807dec294908f8463be2d4d67efac5b11bb8061af7ab6f13a56a10b2eeaa1779ad239512d9fd4f6ef194b4cb
7
- data.tar.gz: 8c7ebfe0ca82825ae580c4a8a9309c35d5cb16f9203bb04d40a0decc1ea6984994b180a045b2eb33ea8478952fec8b40a1ed49d40612d780da3c26a554f6d333
6
+ metadata.gz: 1db5ac163642c0607ead2f855d76b099a3054cfabe4f610c687b1d96f2b00c33494937964aff4bfb1153c933701ac85c7fed2606d068048f178b61d227216a39
7
+ data.tar.gz: cec47d8ccfdd80c3f2a7531beb53aa2c820062c76b28fa9bc66595beac941b37f2a31ebdc72c2a7626390cf4340f468445944749024ccfecae002665c25cdf6c
@@ -1,4 +1,4 @@
1
- Copyright (c) 2017 Mattia Roccoberton
1
+ Copyright (c) 2020 Mattia Roccoberton
2
2
 
3
3
  MIT License
4
4
 
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_): `@import "activeadmin_blaze_theme/theme";`
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 before your Active Admin styles (_app/assets/stylesheets/active_admin.scss_):
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: #2C3E50;
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 !default; // bg footer bar
30
- $bg-form1: #f4f4f4 !default; // bg 1st level forms
31
- $bg-form2: darken($bg-form1, 3%) !default; // bg 2nd level forms (nested)
32
- $bg-form3: darken($bg-form1, 6%) !default; // bg 3rd level forms (nested)
33
- $bg-form4: darken($bg-form1, 9%) !default; // bg 4th level forms (nested)
34
- $bg-form-sub-headings: lighten( $color-brand, 64% ) !default; // bg nested forms title
35
- $bg-header: $color-brand !default; // bg header bar
36
- $bg-inputs: #fff !default; // bg forms inputs
37
- $bg-menu-active: #7b929e !default; // bg menu item current / hover
38
- $bg-sidebar: #efefef; // bg sidebar
39
- $fg-box-title: #fff !default;
40
- $fg-button-link: #fff !default;
41
- $fg-menu-items: #f8f8f8 !default;
42
- $fg-table-borders: #e4e4e4 !default;
43
- $fg-table-link: #eee !default;
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 !default;
46
- $inputs-spacing: 10px !default;
47
- $height-inputs: 26px !default;
48
- $height-topbar: 40px !default;
49
- $height-titlebar: 38px !default;
50
- $text-shadow: #000 !default;
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,15 @@
1
+ body.active_admin {
2
+ #footer {
3
+ bottom: 0;
4
+ position: absolute;
5
+ background-color: $bg-footer;
6
+ line-height: 20px;
7
+ padding: 10px;
8
+ text-align: center;
9
+ width: 100%;
10
+ > p {
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+ }
15
+ }
@@ -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
+ }