diff options
Diffstat (limited to 'app/assets/stylesheets/admin/layout.scss')
| -rw-r--r-- | app/assets/stylesheets/admin/layout.scss | 66 |
1 files changed, 60 insertions, 6 deletions
| diff --git a/app/assets/stylesheets/admin/layout.scss b/app/assets/stylesheets/admin/layout.scss index b825c25..f0017ed 100644 --- a/app/assets/stylesheets/admin/layout.scss +++ b/app/assets/stylesheets/admin/layout.scss | |||
| @@ -6,6 +6,7 @@ body { | |||
| 6 | display: flex; | 6 | display: flex; |
| 7 | flex-direction: column; | 7 | flex-direction: column; |
| 8 | min-height: 100%; | 8 | min-height: 100%; |
| 9 | font-family: sans-serif; | ||
| 9 | } | 10 | } |
| 10 | 11 | ||
| 11 | #banner { | 12 | #banner { |
| @@ -81,18 +82,16 @@ body { | |||
| 81 | } | 82 | } |
| 82 | 83 | ||
| 83 | #entry-form { | 84 | #entry-form { |
| 84 | display: flex; | 85 | display: grid; |
| 86 | grid-template-columns: 73% 27%; | ||
| 87 | height: 100%; | ||
| 85 | 88 | ||
| 86 | fieldset { | 89 | fieldset { |
| 87 | border: 0; | 90 | border: 0; |
| 88 | } | 91 | } |
| 89 | 92 | ||
| 90 | #content { | ||
| 91 | width: 77%; | ||
| 92 | } | ||
| 93 | |||
| 94 | #details { | 93 | #details { |
| 95 | width: 23%; | 94 | min-width: 0; |
| 96 | display: flex; | 95 | display: flex; |
| 97 | flex-direction: column; | 96 | flex-direction: column; |
| 98 | padding-left: 0; | 97 | padding-left: 0; |
| @@ -111,6 +110,16 @@ body { | |||
| 111 | } | 110 | } |
| 112 | } | 111 | } |
| 113 | 112 | ||
| 113 | .url-field { | ||
| 114 | label { | ||
| 115 | display: none; | ||
| 116 | } | ||
| 117 | |||
| 118 | input { | ||
| 119 | width: 100%; | ||
| 120 | } | ||
| 121 | } | ||
| 122 | |||
| 114 | .slug-field { | 123 | .slug-field { |
| 115 | display: flex; | 124 | display: flex; |
| 116 | font-size: 0.75em; | 125 | font-size: 0.75em; |
| @@ -132,9 +141,29 @@ body { | |||
| 132 | } | 141 | } |
| 133 | 142 | ||
| 134 | .body-field { | 143 | .body-field { |
| 144 | height: 100%; | ||
| 145 | |||
| 135 | label { | 146 | label { |
| 136 | display: none; | 147 | display: none; |
| 137 | } | 148 | } |
| 149 | |||
| 150 | textarea { | ||
| 151 | width: 100%; | ||
| 152 | height: 100%; | ||
| 153 | } | ||
| 154 | } | ||
| 155 | |||
| 156 | .halfbody-field { | ||
| 157 | height: 40%; | ||
| 158 | |||
| 159 | label { | ||
| 160 | display: none; | ||
| 161 | } | ||
| 162 | |||
| 163 | textarea { | ||
| 164 | width: 100%; | ||
| 165 | height: 100%; | ||
| 166 | } | ||
| 138 | } | 167 | } |
| 139 | } | 168 | } |
| 140 | 169 | ||
| @@ -182,6 +211,23 @@ body { | |||
| 182 | border-radius: 5px; | 211 | border-radius: 5px; |
| 183 | padding: .5em; | 212 | padding: .5em; |
| 184 | margin-bottom: 1em; | 213 | margin-bottom: 1em; |
| 214 | |||
| 215 | h4 { | ||
| 216 | margin-top: 0; | ||
| 217 | margin-bottom: 0.5em; | ||
| 218 | } | ||
| 219 | |||
| 220 | img { | ||
| 221 | max-width: 100%; | ||
| 222 | } | ||
| 223 | } | ||
| 224 | |||
| 225 | .image-uploads { | ||
| 226 | pre { | ||
| 227 | overflow: auto; | ||
| 228 | max-width: 100%; | ||
| 229 | padding-bottom: 1em; | ||
| 230 | } | ||
| 185 | } | 231 | } |
| 186 | 232 | ||
| 187 | .should-create-record-field { | 233 | .should-create-record-field { |
| @@ -196,6 +242,14 @@ body { | |||
| 196 | } | 242 | } |
| 197 | } | 243 | } |
| 198 | 244 | ||
| 245 | .tags-field { | ||
| 246 | label { | ||
| 247 | font-size: .75em; | ||
| 248 | display: block; | ||
| 249 | margin-bottom: 0.5em; | ||
| 250 | } | ||
| 251 | } | ||
| 252 | |||
| 199 | .record-description-field { | 253 | .record-description-field { |
| 200 | display: none; | 254 | display: none; |
| 201 | margin-top: 1em; | 255 | margin-top: 1em; |
