mirror of
https://github.com/prymitive/karma
synced 2026-05-07 03:26:52 +00:00
Cleanup silence form controls
Drop separators and replace submit button text with an icon
This commit is contained in:
@@ -450,13 +450,19 @@ table.silence-duration-table > tbody > tr > td.silence-duration-label {
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
.no-margin-top {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
a[aria-expanded=true] .fa-chevron-right {
|
||||
display: none;
|
||||
}
|
||||
a[aria-expanded=false] .fa-chevron-down {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* adjust size and padding to look like bootstrap button but without all background tweaks */
|
||||
.icon-as-button {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
padding: 10px 15px;
|
||||
font-size: 15px;
|
||||
line-height: 1.42857143;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@@ -30,8 +30,6 @@
|
||||
<% }) %>
|
||||
</table>
|
||||
|
||||
<hr class="separator">
|
||||
|
||||
<div>
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation">
|
||||
@@ -132,8 +130,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="separator no-margin-top">
|
||||
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
@@ -164,18 +160,26 @@
|
||||
|
||||
<hr class="separator">
|
||||
|
||||
<a class="text-muted" data-toggle="collapse" href="#silenceJSON" aria-expanded="false" aria-controls="silenceJSON">
|
||||
<i class="fa fa-chevron-right"></i>
|
||||
<i class="fa fa-chevron-down"></i>
|
||||
</a>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<a class="text-muted icon-as-button" data-toggle="collapse" href="#silenceJSON" aria-expanded="false" aria-controls="silenceJSON">
|
||||
<i class="fa fa-chevron-right"></i>
|
||||
<i class="fa fa-chevron-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-sm-6 text-right">
|
||||
<button id="silenceSubmit" type="submit" class="btn btn-success">
|
||||
<i class="fa fa-floppy-o"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="collapse" id="silenceJSON">
|
||||
<p class="text-muted">
|
||||
</p>
|
||||
<pre id="silenceJSONBlob"></pre>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button id="silenceSubmit" type="submit" class="btn btn-success">Create</button>
|
||||
</div>
|
||||
</form>
|
||||
</script>
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user