Skip to content

Commit 4ea6756

Browse files
blocknotesblocknotes
committed
Split in style partials and update Blaze CSS framework
1 parent 0041b3a commit 4ea6756

114 files changed

Lines changed: 4124 additions & 4620 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎app/assets/stylesheets/activeadmin_blaze_theme/_base.scss‎

Lines changed: 197 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
}

‎app/assets/stylesheets/activeadmin_blaze_theme/_contents.scss‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
}

‎app/assets/stylesheets/activeadmin_blaze_theme/_footer.scss‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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 commit comments

Comments
 (0)