Skip to content
GitLab
Commit bad0a5a4 authored by bbaer's avatar bbaer
Browse files

subrecord mockup

parent cf0b54dd
Pipeline #718 passed with stage
in 1 minute and 43 seconds
Hide whitespace changes
Inline Side-by-side
less/qfq-bs.css.less
View file @ bad0a5a4
......@@ -146,7 +146,13 @@ select.qfq-locked:invalid {
padding-top: 4px;
}
.qfq-form-title {
.qfq-subrecord-table {
margin-left: 10px;
margin-right: 10px;
width: calc(~"100% - 20px");
}
.qfq-form-title, .qfq-subrecord-title {
border: 1px solid #ccc;
border-radius: 4px 4px 0 0;
background-image: linear-gradient(to bottom, #fefefe 0, #dedede 100%);
......@@ -157,6 +163,39 @@ select.qfq-locked:invalid {
font-weight: bold;
}
.qfq-subrecord-title {
color: #333;
padding: 10px 12px;
}
.qfq-subrecord-table .btn {
padding: 5px 10px;
}
.qfq-subrecord-head {
background-color: #dedede;
border: 1px solid #ccc;
border-top: none;
}
.qfq-subrecord-head th, .qfq-subrecord-table td {
padding: 3px !important;
vertical-align: middle !important;
}
.qfq-subrecord-table tbody {
border: 1px solid #ccc;
border-radius: 0 0 3px 3px;
}
.qfq-subrecord-table>tbody>tr {
background-color: #ededed;
}
.qfq-subrecord-table>tbody>tr:hover {
background-color: #efefef;
}
.nav-pills>li>a {
border-radius: 0;
}
......
mockup/form.html
View file @ bad0a5a4
......@@ -99,6 +99,71 @@
<div class="col-md-6"><input class="form-control" type="text"></div>
<div class="col-md-3"></div>
</div>
<!-- Start Subrecords -->
<div class="form-group clearfix">
<table class="table qfq-subrecord-table">
<caption class="qfq-subrecord-title">
Subrecords Title
</caption>
<thead>
<tr class="qfq-subrecord-head">
<th>
<a class="btn btn-default" href="#" title="New"><span class="glyphicon glyphicon-plus"></span></a>
</th>
<th>
#
</th>
<th>
Name
</th>
<th>
Date
</th>
<th>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a class="btn btn-default" href="#" title="Edit"><span class="glyphicon glyphicon-pencil"></span></a>
</td>
<td>1</td>
<td>Test</td>
<td>01.07.18</td>
<td><button type="button" class="record-delete btn btn-default" data-sip="5b6d9eb7c18aa" title="Delete"><span class="glyphicon glyphicon-trash"></span></button></td>
</tr>
<tr>
<td>
<a class="btn btn-default" href="#" title="Edit"><span class="glyphicon glyphicon-pencil"></span></a>
</td>
<td>2</td>
<td>Test</td>
<td>01.07.18</td>
<td><button type="button" class="record-delete btn btn-default" data-sip="5b6d9eb7c18aa" title="Delete"><span class="glyphicon glyphicon-trash"></span></button></td>
</tr>
<tr>
<td>
<a class="btn btn-default" href="#" title="Edit"><span class="glyphicon glyphicon-pencil"></span></a>
</td>
<td>3</td>
<td>Test</td>
<td>01.07.18</td>
<td><button type="button" class="record-delete btn btn-default" data-sip="5b6d9eb7c18aa" title="Delete"><span class="glyphicon glyphicon-trash"></span></button></td>
</tr>
<tr>
<td>
<a class="btn btn-default" href="#" title="Edit"><span class="glyphicon glyphicon-pencil"></span></a>
</td>
<td>4</td>
<td>Test</td>
<td>01.07.18</td>
<td><button type="button" class="record-delete btn btn-default" data-sip="5b6d9eb7c18aa" title="Delete"><span class="glyphicon glyphicon-trash"></span></button></td>
</tr>
</tbody>
</table>
</div>
</div>
</form>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment