Chris/ORB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak layout and contents of view page

Browse Source
This commit is contained in:
Chris 2018-06-30 12:19:36 +01:00
parent a80e343db3
commit 7a74672e31
4 changed files with 50 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
templates/default/css/foundation.mods.css
View File

@ -72,3 +72,31 @@ div.off-canvas .user {
background: #1779ba; background: #1779ba;
color: #fefefe !important; color: #fefefe !important;
} }
.has-tip {
font-weight: normal;
}
div.time-duration-picker-content table {
margin: 0px;
}
div.time-duration-picker-content td {
padding: 0.2rem;
}
div.time-duration-picker-content td select {
margin: 0px;
}
.form-left {
padding-right: 0.25rem;
}
.form-right {
padding-left: 0.25rem;
}
.spacer {
margin-bottom: 1rem;
}

6
templates/default/css/messagebox.css
View File

@ -18,4 +18,8 @@
.messagebox h4 { .messagebox h4 {
border-bottom: 1px solid #888; border-bottom: 1px solid #888;
} }
input.has-tip {
border-bottom: 1px solid #cacaca;
}

32
templates/default/view/content.tem
View File

@ -2,36 +2,36 @@
<div> <div>
<h3>%(name)s</h3> <h3>%(name)s</h3>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell medium-2 medium-text-right title">{L_VIEW_SOURCE}</div> <div class="cell medium-2 small-1 text-right title"><i class="fa fa-link hide-for-print hide-for-medium" aria-hidden="true"></i> <span class="show-for-medium">{L_VIEW_SOURCE}</span></div>
<div class="cell medium-10 text-left">%(source)s</div> <div class="cell medium-10 small-11 text-left">%(source)s</div>
</div> </div>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell medium-2 medium-text-right title">{L_VIEW_YIELD}</div> <div class="cell medium-2 small-1 text-right title"><i class="fa fa-utensils hide-for-print hide-for-medium" aria-hidden="true"></i> <span class="show-for-medium">{L_VIEW_YIELD}</span></div>
<div class="cell medium-10 text-left">%(yield)s</div> <div class="cell medium-10 small-11 text-left">%(yield)s</div>
</div> </div>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell medium-2 medium-text-right title">{L_VIEW_PREPINFO}</div> <div class="cell medium-2 small-1 text-right title"><i class="fa fa-tasks hide-for-print hide-for-medium" aria-hidden="true"></i> <span class="show-for-medium">{L_VIEW_PREPINFO}</span></div>
<div class="cell medium-10 text-left">%(timereq)s</div> <div class="cell medium-10 small-11 text-left">%(timereq)s</div>
</div> </div>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell medium-2 medium-text-right title">{L_VIEW_TIMEREQ}</div> <div class="cell medium-2 small-1 text-right title"><i class="fa fa-clock hide-for-print hide-for-medium" aria-hidden="true"></i> <span class="show-for-medium">{L_VIEW_TIMEREQ}</span></div>
<div class="cell medium-10 text-left">%(timemins)s</div> <div class="cell medium-10 small-11 text-left">%(timemins)s</div>
</div> </div>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell medium-2 medium-text-right title">{L_VIEW_OVENTEMP}</div> <div class="cell medium-2 small-1 text-right title"><i class="fa fa-thermometer-three-quarters hide-for-print hide-for-medium" aria-hidden="true"></i> <span class="show-for-medium">{L_VIEW_OVENTEMP}</span></div>
<div class="cell medium-10 text-left">%(temp)s%(temptype)s</div> <div class="cell medium-10 small-11 text-left">%(temp)s%(temptype)s</div>
</div> </div>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell medium-2 medium-text-right title">{L_VIEW_TYPE}</div> <div class="cell medium-2 small-1 text-right title"><i class="fa fa-book hide-for-print hide-for-medium" aria-hidden="true"></i> <span class="show-for-medium">{L_VIEW_TYPE}</span></div>
<div class="cell medium-10 text-left">%(type)s</div> <div class="cell medium-10 small-11 text-left">%(type)s</div>
</div> </div>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell medium-2 medium-text-right title">{L_VIEW_STATUS}</div> <div class="cell medium-2 small-1 text-right title"><i class="fa fa-star hide-for-print hide-for-medium" aria-hidden="true"></i> <span class="show-for-medium">{L_VIEW_STATUS}</span></div>
<div class="cell medium-10 text-left">%(status)s</div> <div class="cell medium-10 small-11 text-left">%(status)s</div>
</div> </div>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell medium-2 medium-text-right title">{L_VIEW_TAGS}</div> <div class="cell medium-2 small-1 text-right title"><i class="fa fa-tags hide-for-print hide-for-medium" aria-hidden="true"></i> <span class="show-for-medium">{L_VIEW_TAGS}</span></div>
<div class="cell medium-10 text-left">%(tags)s</div> <div class="cell medium-10 small-11 text-left">%(tags)s</div>
</div> </div>
</div> </div>
<div class="ingredients"> <div class="ingredients">

2
templates/default/view/controls-enabled.tem
View File

@ -1,4 +1,4 @@
<div class="cell button-group align-right"> <div class="cell button-group align-right hide-for-print">
<a href="%(url-edit)s" class="button" title="Edit"><i class="fa fa-edit" aria-hidden="true"></i> {L_VIEW_EDIT}</a> <a href="%(url-edit)s" class="button" title="Edit"><i class="fa fa-edit" aria-hidden="true"></i> {L_VIEW_EDIT}</a>
<a href="%(url-clone)s" class="button" title="Clone"><i class="fa fa-copy" aria-hidden="true"></i> {L_VIEW_CLONE}</a> <a href="%(url-clone)s" class="button" title="Clone"><i class="fa fa-copy" aria-hidden="true"></i> {L_VIEW_CLONE}</a>
<a href="%(url-delete)s" class="button alert" title="Delete"><i class="fa fa-trash" aria-hidden="true"></i> {L_VIEW_DELETE}</a> <a href="%(url-delete)s" class="button alert" title="Delete"><i class="fa fa-trash" aria-hidden="true"></i> {L_VIEW_DELETE}</a>