Corrections de design

This commit is contained in:
Grégoire Daussin 2013-10-17 12:53:24 +02:00
parent a044aba4da
commit ebcb8742fa
2 changed files with 34 additions and 33 deletions

View File

@ -1,46 +1,47 @@
.btn-group .btn:first-child {
border-bottom-left-radius: 0;
}
.btn-group .btn:last-child, .input-prepend input {
border-bottom-right-radius: 0;
}
.btn-group .btn {
border-bottom: 0;
}
.btn-group .input-prepend .btn {
border-left: 0;
}
.label { .label {
position: relative;
bottom: 4px;
} }
pre, .btn-group .input-prepend .btn {
border-top-left-radius: 0;
}
.container { .container {
margin: 20px auto; margin: 20px auto;
} }
.nav {
padding-top: 8px;
margin-top: 10px;
margin-left: -50px;
}
.loading { .loading {
background-image: url(../img/ajax-loader.gif); background-image: url(../img/ajax-loader.gif);
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 20px; padding-left: 20px;
} }
.input-prepend { .toolbar-top {
margin-bottom: 0; }
position: relative; .toolbar-top .btn {
top: 1px; border-bottom: 0;
border-radius: 0;
}
.toolbar-top .btn:first-child {
border-top-left-radius: 4px;
}
.toolbar-top .btn:last-child {
border-top-right-radius: 4px;
}
pre {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: 0;
}
.toolbar-bottom {
margin-top: -1px;
}
.toolbar-bottom .input-append {
display: block;
padding-right: 50px;
}
.toolbar-bottom .input-block-level {
box-sizing: border-box;
}
.toolbar-bottom .btn {
width:50px;
} }

View File

@ -33,7 +33,7 @@ global $servers;
<section id="<?php echo $id; ?>"> <section id="<?php echo $id; ?>">
<h4><?php echo $param['title']; ?></h4> <h4><?php echo $param['title']; ?></h4>
<div class="pull-right"><span class="label"></span></div> <div class="pull-right"><span class="label"></span></div>
<div class="btn-group"> <div class="btn-group toolbar-top">
<button class="btn" onclick="callRequest('status', '<?php echo $id; ?>');"> <button class="btn" onclick="callRequest('status', '<?php echo $id; ?>');">
<i class="icon-refresh"></i> Status <i class="icon-refresh"></i> Status
</button> </button>
@ -42,7 +42,7 @@ global $servers;
</button> </button>
</div> </div>
<pre></pre> <pre></pre>
<div class="control-group"> <div class="control-group toolbar-bottom">
<div class="controls"> <div class="controls">
<div class="input-append"> <div class="input-append">
<input class="input-block-level" type="text" name="message" placeholder="Commit message"> <input class="input-block-level" type="text" name="message" placeholder="Commit message">