Simplification / nettoyage

This commit is contained in:
Michel Roux 2013-10-17 14:14:56 +02:00
parent b29c2fcdb9
commit eeede0a3f5
2 changed files with 33 additions and 43 deletions

View File

@ -1,7 +1,3 @@
.label {
}
.container { .container {
margin: 20px auto; margin: 20px auto;
} }
@ -12,45 +8,40 @@
padding-left: 20px; padding-left: 20px;
} }
.toolbar-top {
}
.toolbar-top.btn-group .btn { .toolbar-top.btn-group .btn {
border-bottom: 0; border-bottom: 0;
border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
} }
h4 {
margin-top: 34px;
}
pre { pre {
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
margin: 0; margin: 0;
max-height: 125px;
overflow: auto;
}
hr {
border-color: black;
margin-top: 40px;
} }
.toolbar-bottom { .toolbar-bottom {
margin-top: -1px; margin-top: -1px;
} }
.toolbar-bottom .input-append {
display: block; .toolbar-bottom {
padding-right: 79px; display: block;
padding-right: 79px;
} }
.toolbar-bottom .input-block-level { .toolbar-bottom .input-block-level {
box-sizing: border-box;
border-top-left-radius: 0; border-top-left-radius: 0;
width: 100% !important; width: 100% !important;
} }
.toolbar-bottom .btn { .toolbar-bottom .btn {
width:80px; width: 80px;
border-top-right-radius: 0 !important; border-top-right-radius: 0 !important;
} }
@media (max-width: 767px) {
.affix {
position: relative;
}
}

View File

@ -13,11 +13,11 @@ global $servers;
<link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/styles.css">
<title>Git Control Center</title> <title>Git Control Center</title>
</head> </head>
<body data-spy="scroll" data-target=".nav-list"> <body data-spy="scroll">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="span4"> <div class="span2">
<ul class="nav nav-list well span3"> <ul class="nav nav-list well affix">
<?php foreach ($servers as $pays => $ssh): ?> <?php foreach ($servers as $pays => $ssh): ?>
<li class="nav-header"><?php echo $pays; ?></li> <li class="nav-header"><?php echo $pays; ?></li>
<?php foreach ($ssh as $id => $param): ?> <?php foreach ($ssh as $id => $param): ?>
@ -26,13 +26,13 @@ global $servers;
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>
</div> </div>
<div class="span8"> <div class="span10">
<?php foreach ($servers as $pays => $ssh): ?> <?php foreach ($servers as $pays => $ssh): ?>
<h1><?php echo $pays; ?></h1> <h1><?php echo $pays; ?></h1>
<?php foreach ($ssh as $id => $param): ?> <?php foreach ($ssh as $id => $param): ?>
<section id="<?php echo $id; ?>"> <section id="<?php echo $id; ?>">
<h4><?php echo $param['title']; ?></h4> <h3><?php echo $param['title']; ?></h3>
<div class="pull-right"><span class="label"></span></div> <div class="pull-right"><span class="label"></span></div>
<div class="btn-group toolbar-top"> <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
@ -42,25 +42,24 @@ global $servers;
</button> </button>
</div> </div>
<pre></pre> <pre></pre>
<div class="control-group toolbar-bottom"> <div class="toolbar-bottom input-append">
<div class="controls"> <input class="input-block-level" type="text" name="message" placeholder="Commit message">
<div class="input-append"> <button class="btn" onclick="callRequest('push', '<?php echo $id; ?>', document.querySelector('#<?php echo $id; ?> input[name=message]').value);">
<input class="input-block-level" type="text" name="message" placeholder="Commit message"> <i class="icon-arrow-up"></i> Push
<button class="btn" type="button" onclick="callRequest('push', '<?php echo $id; ?>', document.querySelector('#<?php echo $id; ?> input[name=message]').value);"> </button>
<i class="icon-arrow-up"></i> Push </div>
</button>
</div>
</div>
</div>
</section> </section>
<?php endforeach; ?> <?php endforeach; ?>
<hr /> <hr>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
</div> </div>
</div> </div>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script> <footer>
<script type="text/javascript" src="js/app.js"></script> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</footer>
</body> </body>
</html> </html>