1
1
mirror of https://github.com/aelve/guide.git synced 2024-12-22 20:31:31 +03:00

Update CSS further

This commit is contained in:
Artyom Kazak 2019-05-06 16:47:12 +02:00
parent 01df193aea
commit 9c54a95140
2 changed files with 14 additions and 5 deletions

View File

@ -231,7 +231,10 @@ body {
} }
.item { .item {
margin-top: 20px; margin-top: 50px;
margin-bottom: 50px;
border-radius: 5px;
box-shadow: 0 0 20px rgba(140, 152, 164, 0.2);
} }
.category-info .controls { .category-info .controls {
@ -251,9 +254,12 @@ body {
} }
.item-body { .item-body {
padding-top: 5px; padding-top: 15px;
border: 1px solid rgba(140, 152, 164, 0.2);
border-top: none;
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
background-clip: border-box;
} }
.item-traits, .item-traits,

View File

@ -44,8 +44,11 @@ CSS
.item-info { .item-info {
padding-bottom: 12px; padding-bottom: 12px;
padding: 10px 15px; padding: 10px 15px;
border: 1px solid rgba(140, 152, 164, 0.2);
border-bottom: none;
border-top-left-radius: 5px; border-top-left-radius: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
background-clip: border-box;
} }
.item-info .section.normal { .item-info .section.normal {
@ -195,7 +198,7 @@ HTML: item-info-edit-form
<option value="{{name}}" {{%selectIf selected}}>{{caption}}</option> <option value="{{name}}" {{%selectIf selected}}>{{caption}}</option>
{{/possible_kinds}} {{/possible_kinds}}
</select> </select>
<label for="hackage-name"> <label for="hackage-name">
Name on Hackage Name on Hackage
</label> </label>
@ -207,7 +210,7 @@ HTML: item-info-edit-form
</label> </label>
<input id="site" name="link" value="{{item.link}}" <input id="site" name="link" value="{{item.link}}"
type="text" autocomplete="off"> type="text" autocomplete="off">
<div class="form-group"> <div class="form-group">
<label for="group"> <label for="group">
Group Group
@ -222,7 +225,7 @@ HTML: item-info-edit-form
{{/ category_groups }} {{/ category_groups }}
<option value="">New group...</option> <option value="">New group...</option>
</select> </select>
<input hidden class="custom-group-input" name="custom-group" <input hidden class="custom-group-input" name="custom-group"
type="text" autocomplete="off"> type="text" autocomplete="off">
</div> </div>