mirror of
https://github.com/monstra-cms/monstra.git
synced 2025-08-05 04:37:51 +02:00
UI Defect: Information View looks broken for portrait view on iPhone #324
This commit is contained in:
@@ -588,3 +588,30 @@ td, th {
|
|||||||
padding: 15px 9px!important;
|
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>
|
<h2 class="margin-bottom-1"><?php echo __('Information', 'information'); ?></h2>
|
||||||
|
|
||||||
<div class="tabbable">
|
<div class="tabbable mobile-nav-tabs">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
<li class="active"><a href="#system" data-toggle="tab"><?php echo __('System', 'information'); ?></a></li>
|
<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>
|
<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="tab-pane" id="directory-permissions">
|
||||||
|
|
||||||
|
<div class="table-responsive">
|
||||||
<table class="table table-bordered">
|
<table class="table table-bordered">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -125,12 +126,13 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tab-pane" id="security">
|
<div class="tab-pane" id="security">
|
||||||
|
|
||||||
<?php clearstatcache(); ?>
|
<?php clearstatcache(); ?>
|
||||||
|
<div class="table-responsive">
|
||||||
<table class="table table-bordered">
|
<table class="table table-bordered">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -158,6 +160,7 @@
|
|||||||
<?php } ?>
|
<?php } ?>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user