mirror of
https://github.com/monstra-cms/monstra.git
synced 2025-08-04 12:17:42 +02:00
UI Defect: Information View looks broken for portrait view on iPhone #324
This commit is contained in:
@@ -587,4 +587,31 @@ td, th {
|
||||
.nav > li > a {
|
||||
padding: 15px 9px!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 320px) {
|
||||
.mobile-nav-tabs .nav-tabs > li {
|
||||
width: 100%;
|
||||
height: 46px;
|
||||
margin: 0px;
|
||||
}
|
||||
.mobile-nav-tabs .nav-tabs > li > a {
|
||||
background: #fff;
|
||||
border: 0;
|
||||
}
|
||||
.mobile-nav-tabs .nav-tabs > li.active > a,
|
||||
.mobile-nav-tabs .nav-tabs > li.active > a:hover,
|
||||
.mobile-nav-tabs .nav-tabs > li.active > a:focus {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
background-color: #428bca;
|
||||
}
|
||||
.mobile-nav-tabs .nav-tabs {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 0;
|
||||
}
|
||||
.mobile-nav-tabs .tab-pane > table {
|
||||
border-top: 1px solid #ddd!important;
|
||||
}
|
||||
}
|
@@ -1,6 +1,6 @@
|
||||
<h2 class="margin-bottom-1"><?php echo __('Information', 'information'); ?></h2>
|
||||
|
||||
<div class="tabbable">
|
||||
<div class="tabbable mobile-nav-tabs">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#system" data-toggle="tab"><?php echo __('System', 'information'); ?></a></li>
|
||||
<li><a href="#server" data-toggle="tab"><?php echo __('Server', 'information'); ?></a></li>
|
||||
@@ -91,6 +91,7 @@
|
||||
|
||||
<div class="tab-pane" id="directory-permissions">
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -125,12 +126,13 @@
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="security">
|
||||
|
||||
<?php clearstatcache(); ?>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -158,6 +160,7 @@
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
Reference in New Issue
Block a user