Move CSS into separate file, fix width of plugins that use tables and adds table-responsive class for smaller screens.

Closes #755
This commit is contained in:
Adam Cooper 2015-01-21 10:56:00 +00:00 committed by Dan Cryer
parent a2dbe1378a
commit 191c767bac
8 changed files with 66 additions and 58 deletions

View file

@ -16,6 +16,7 @@
<!-- Theme style -->
<link href="<?php print PHPCI_URL; ?>assets/css/AdminLTE.css" rel="stylesheet" type="text/css" />
<link href="<?php print PHPCI_URL; ?>assets/css/AdminLTE-custom.css" rel="stylesheet" type="text/css" />
<script>
var PHPCI_URL = '<?php print PHPCI_URL; ?>';
@ -41,53 +42,7 @@
<![endif]-->
<style>
.skin-blue .logo, .skin-blue .logo:hover {
background-image: url('/assets/img/logo-large.png');
background-repeat: no-repeat;
background-size: 40%;
background-position: 65px;
text-indent: -5000px;
}
.build-info-panel {
}
.build-info-panel .box-header h1.box-title {
border: 0;
font-size: 1.5em;
font-weight: bold;
margin-left: 110px;
}
.build-info-panel h1.box-title span {
font-weight: normal;
}
.build-info-panel img {
border: 2px solid #fff;
border-radius: 50%;
margin-top: -40px;
}
.build-info-panel #build-info {
margin-left: 110px;
min-height: 50px;
}
.build-info-panel .commit-message {
margin-bottom: 20px;
}
.small-box h3 a, .small-box h4 a {
color: #fff;
}
.pagination>li>span {
font-weight: bold;
background: #337ab7;
color: #fff;
}
</style>
</head>

View file

@ -0,0 +1,53 @@
.skin-blue .logo, .skin-blue .logo:hover {
background-image: url('/assets/img/logo-large.png');
background-repeat: no-repeat;
background-size: 40%;
background-position: 65px;
text-indent: -5000px;
}
.build-info-panel {
}
.build-info-panel .box-header h1.box-title {
border: 0;
font-size: 1.5em;
font-weight: bold;
margin-left: 110px;
}
.build-info-panel h1.box-title span {
font-weight: normal;
}
.build-info-panel img {
border: 2px solid #fff;
border-radius: 50%;
margin-top: -40px;
}
.build-info-panel #build-info {
margin-left: 110px;
min-height: 50px;
}
.build-info-panel .commit-message {
margin-bottom: 20px;
}
.small-box h3 a, .small-box h4 a {
color: #fff;
}
.pagination>li>span {
font-weight: bold;
background: #337ab7;
color: #fff;
}
#plugins table td {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
}

View file

@ -23,14 +23,14 @@ var phpcpdPlugin = ActiveBuild.UiPlugin.extend({
render: function() {
return $('<table class="table" id="phpcpd-data">' +
return $('<div class="table-responsive"><table class="table" id="phpcpd-data">' +
'<thead>' +
'<tr>' +
' <th>'+Lang.get('file')+'</th>' +
' <th>'+Lang.get('start')+'</th>' +
' <th>'+Lang.get('end')+'</th>' +
'</tr>' +
'</thead><tbody></tbody></table>');
'</thead><tbody></tbody></table></div>');
},

View file

@ -22,14 +22,14 @@ var phpcsPlugin = ActiveBuild.UiPlugin.extend({
},
render: function() {
return $('<table class="table" id="phpcs-data">' +
return $('<div class="table-responsive"><table class="table" id="phpcs-data">' +
'<thead>' +
'<tr>' +
' <th>'+Lang.get('file')+'</th>' +
' <th>'+Lang.get('line')+'</th>' +
' <th>'+Lang.get('message')+'</th>' +
'</tr>' +
'</thead><tbody></tbody></table>');
'</thead><tbody></tbody></table></div>');
},
onUpdate: function(e) {

View file

@ -24,7 +24,7 @@ var phpdoccheckPlugin = ActiveBuild.UiPlugin.extend({
},
render: function() {
return $('<table class="table" id="phpdoccheck-data">' +
return $('<div class="table-responsive"><table class="table" id="phpdoccheck-data">' +
'<thead>' +
'<tr>' +
' <th>'+Lang.get('file')+'</th>' +
@ -32,7 +32,7 @@ var phpdoccheckPlugin = ActiveBuild.UiPlugin.extend({
' <th>'+Lang.get('class')+'</th>' +
' <th>'+Lang.get('method')+'</th>' +
'</tr>' +
'</thead><tbody></tbody></table>');
'</thead><tbody></tbody></table></div>');
},
onUpdate: function(e) {

View file

@ -25,7 +25,7 @@ var phpmdPlugin = ActiveBuild.UiPlugin.extend({
render: function() {
return $('<table class="table" id="phpmd-data">' +
return $('<div class="table-responsive"><table class="table" id="phpmd-data">' +
'<thead>' +
'<tr>' +
' <th>'+Lang.get('file')+'</th>' +
@ -33,7 +33,7 @@ var phpmdPlugin = ActiveBuild.UiPlugin.extend({
' <th>'+Lang.get('end')+'</th>' +
' <th>'+Lang.get('message')+'</th>' +
'</tr>' +
'</thead><tbody></tbody></table>');
'</thead><tbody></tbody></table></div>');
},
onUpdate: function(e) {

View file

@ -22,14 +22,14 @@ var phptalPlugin = ActiveBuild.UiPlugin.extend({
},
render: function() {
return $('<table class="table" id="phptal-data">' +
return $('<div class="table-responsive"><table class="table" id="phptal-data">' +
'<thead>' +
'<tr>' +
' <th>File</th>' +
' <th>Line</th>' +
' <th>Message</th>' +
'</tr>' +
'</thead><tbody></tbody></table>');
'</thead><tbody></tbody></table></div>');
},
onUpdate: function(e) {

View file

@ -25,12 +25,12 @@ var phpunitPlugin = ActiveBuild.UiPlugin.extend({
render: function() {
return $('<table class="table" id="phpunit-data">' +
return $('<div class="table-responsive"><table class="table" id="phpunit-data">' +
'<thead>' +
'<tr>' +
' <th>'+Lang.get('test')+'</th>' +
'</tr>' +
'</thead><tbody></tbody></table>');
'</thead><tbody></tbody></table></div>');
},
onUpdate: function(e) {