Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
typo3
qfq
Commits
bad0a5a4
Commit
bad0a5a4
authored
Aug 10, 2018
by
bbaer
Browse files
subrecord mockup
parent
cf0b54dd
Pipeline
#718
passed with stage
in 1 minute and 43 seconds
Changes
2
Pipelines
1
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>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment