about summary refs log tree commit diff stats
path: root/app/assets/stylesheets/admin/layout.scss
diff options
context:
space:
mode:
authorKelly Rauchenberger <fefferburbia@gmail.com>2017-07-02 13:03:43 -0400
committerKelly Rauchenberger <fefferburbia@gmail.com>2017-07-02 13:03:43 -0400
commite47e83cf6bded3d1924b4d500193e7876833ef83 (patch)
tree058f011637e67455dcd8451fbfa784b5883c6f69 /app/assets/stylesheets/admin/layout.scss
parent528ccde8915cd1ed7a39e137dd4d98869797956a (diff)
downloadthoughts-e47e83cf6bded3d1924b4d500193e7876833ef83.tar.gz
thoughts-e47e83cf6bded3d1924b4d500193e7876833ef83.tar.bz2
thoughts-e47e83cf6bded3d1924b4d500193e7876833ef83.zip
Created admin panel
Currently allows you to create and edit blogs, including associated
records. Uses a WYSIWYG editor that allows uploading images.

Also included jQuery :(
Diffstat (limited to 'app/assets/stylesheets/admin/layout.scss')
-rw-r--r--app/assets/stylesheets/admin/layout.scss190
1 files changed, 190 insertions, 0 deletions
diff --git a/app/assets/stylesheets/admin/layout.scss b/app/assets/stylesheets/admin/layout.scss new file mode 100644 index 0000000..811c2aa --- /dev/null +++ b/app/assets/stylesheets/admin/layout.scss
@@ -0,0 +1,190 @@
1html {
2 height: 100%;
3}
4
5body {
6 display: flex;
7 flex-direction: column;
8 min-height: 100%;
9}
10
11#banner {
12 background-color: #7bf;
13
14 a {
15 display: block;
16 text-decoration: none;
17 font-size: 2em;
18 margin: .25em 1em;
19
20 &, &:visited {
21 color: black;
22 }
23 }
24}
25
26#container {
27 display: flex;
28 flex-direction: row;
29 flex: 1;
30}
31
32#sidebar {
33 width: 12%;
34 background-color: #333;
35 margin: 0;
36 padding: 1em 0;
37
38 .major {
39 display: block;
40 color: white;
41
42 &.active {
43 background-color: #648;
44 }
45
46 &.inactive {
47 .minors {
48 display: none;
49 }
50 }
51
52 a {
53 display: block;
54 text-decoration: none;
55
56 &, &:visited {
57 color: #ddd;
58 }
59 }
60
61 .minors {
62 display: block;
63 background-color: #666;
64 }
65
66 .minor {
67 list-style-type: none;
68 font-size: small;
69 }
70
71 .major-link, .minors {
72 padding: .25em 1em;
73 }
74 }
75}
76
77#main {
78 width: 88%;
79 padding: 1em;
80 background-color: #eee;
81}
82
83#blog-form {
84 display: flex;
85
86 fieldset {
87 border: 0;
88 }
89
90 #content {
91 width: 77%;
92 }
93
94 #details {
95 width: 23%;
96 display: flex;
97 flex-direction: column;
98 padding-left: 0;
99 padding-right: 0;
100 }
101
102 .title-field {
103 label {
104 display: none;
105 }
106
107 input {
108 width: 100%;
109 font-size: 1.5em;
110 box-sizing: border-box;
111 }
112 }
113
114 .slug-field {
115 display: flex;
116 font-size: 0.75em;
117 margin-bottom: 1em;
118
119 input {
120 padding: 0;
121 border: 0;
122 color: #666;
123 width: 100%;
124 box-sizing: border-box;
125 background-color: #eee;
126 text-decoration: underline;
127
128 &:focus {
129 outline: 0;
130 }
131 }
132 }
133
134 .body-field {
135 label {
136 display: none;
137 }
138 }
139}
140
141#entries {
142 border-spacing: 0;
143 width: 100%;
144
145 th {
146 text-align: left;
147 padding: .25em;
148 font-weight: normal;
149 background-color: #35a;
150 color: #eee;
151 }
152
153 tr {
154 &.even {
155 background-color: #fff;
156 }
157
158 &.odd {
159 background-color: #edf;
160 }
161 }
162
163 td {
164 padding: .25em;
165 }
166}
167
168.details-module {
169 background-color: white;
170 border-radius: 5px;
171 padding: .5em;
172 margin-bottom: 1em;
173}
174
175.should-create-record-field {
176 label {
177 font-size: .75em;
178 }
179}
180
181.record-description-field {
182 display: none;
183 margin-top: 1em;
184
185 textarea {
186 width: 100%;
187 box-sizing: border-box;
188 border: 1px solid #ddd;
189 }
190}