1
0
mirror of https://github.com/e107inc/e107.git synced 2025-07-31 20:00:37 +02:00

Bootstrap responsive design now functional. Minimum resolution supported by the admin area is 1280×800

This commit is contained in:
Cameron
2012-11-27 02:33:11 -08:00
parent 667b8fd46f
commit d2660e96d7
3 changed files with 46 additions and 40 deletions

View File

@@ -1,38 +1,28 @@
body { body { padding-top: 75px; padding-bottom: 40px; }
padding-top: 75px;
padding-bottom: 40px; .well { padding:10px; }
} .navbar { background-color: #081D28; }
.well {
padding:10px;
}
.navbar {
background-color: #081D28;
}
#core-infopanel_mye107 a { #core-infopanel_mye107 a {
} }
.tipsy-inner { .tipsy-inner { padding:10px; font-size:15px; }
padding:10px;
font-size:15px;
}
/* Core Formatting */ /* Core Formatting */
.left { text-align: left } .left { text-align: left }
.right { text-align: right } .right { text-align: right }
.center { text-align: center } .center { text-align: center }
.f-left { float: left } .f-left { float: left }
.f-right { float: right } .f-right { float: right }
.top { vertical-align: top } .top { vertical-align: top }
.middle { vertical-align: middle } .middle { vertical-align: middle }
.bottom { vertical-align: bottom } .bottom { vertical-align: bottom }
.clear { clear: both } .clear { clear: both }
.clear-l { clear: right } .clear-l { clear: right }
.clear-r { clear: left } .clear-r { clear: left }
.smalltext { font-size: 11px; } .smalltext { font-size: 11px; }
.nowrap { white-space:nowrap; } .nowrap { white-space:nowrap; }
.core-mainpanel-block { text-align:center; width:100px; float:left; height:48px; display:block;margin:15px; } .core-mainpanel-block { text-align:center; width:100px; float:left; height:48px; display:block;margin:15px; }
@@ -40,17 +30,24 @@
td.center, th.center { text-align:center } td.center, th.center { text-align:center }
.col-label { .col-label { width:30%; }
width:30%;
}
.sidebar-nav { .sidebar-nav { padding: 9px 0; font-size:11px; min-width:150px; }
padding: 9px 0;
}
@media (min-width: 1300px) {
.sidebar-nav { font-size:12px; }
}
@media (min-width: 1500px) {
.sidebar-nav { font-size:15px; }
}
.nav-collapse { .nav-collapse { margin-top:8px; }
margin-top:8px;
}
.dropdown-menu img { padding: 0px 0px; margin-right: 10px; } .dropdown-menu img { padding: 0px 0px; margin-right: 10px; }
@@ -83,6 +80,7 @@ label {
margin-left:5px; margin-left:5px;
margin-right:10px; margin-right:10px;
display: inline; display: inline;
vertical-align:bottom;
} }
/* Core Icons & Image Buttons */ /* Core Icons & Image Buttons */
@@ -130,6 +128,13 @@ a.dropdown-toggle {
transition:color .20s ease-in-out; transition:color .20s ease-in-out;
} }
img.S32 {
}
img.S32:hover {
}
/*******************************************************************************************************************/ /*******************************************************************************************************************/
/* Admin List Table */ /* Admin List Table */

View File

@@ -135,7 +135,7 @@ $E_ADMIN_NAVIGATION['end'] = '</ul>';
$ADMIN_HEADER = '<div class="navbar navbar-inverse navbar-fixed-top"> $ADMIN_HEADER = '<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container-fluid"> <div class="container-fluid">
<a class="brand" href="'.e_ADMIN_ABS.'admin.php"><img src="'.THEME.'img/e107_adminlogo.png" alt="e107" /></a> <a class="brand" href="'.e_ADMIN_ABS.'admin.php" title="Return to Front Panel"><img src="'.THEME.'img/e107_adminlogo.png" alt="e107" /></a>
<div class="nav-collapse collapse"> <div class="nav-collapse collapse">
<div class="dropdown nav pull-right navbar-text "> <div class="dropdown nav pull-right navbar-text ">
@@ -145,7 +145,7 @@ $ADMIN_HEADER = '<div class="navbar navbar-inverse navbar-fixed-top">
</div> </div>
<div class="dropdown nav"> <div class="dropdown nav">
{ADMIN_NAVIGATION} {ADMIN_NAVIGATION=no-main}
<!-- <!--
<ul class="nav" role="navigation"> <ul class="nav" role="navigation">

View File

@@ -2,6 +2,7 @@
if ( ! defined('e107_INIT')) { exit(); } if ( ! defined('e107_INIT')) { exit(); }
define('STANDARDS_MODE', TRUE); define('STANDARDS_MODE', TRUE);
define("VIEWPORT","width=device-width, initial-scale=1.0");
// include_lan(e_THEME."_blank/languages/".e_LANGUAGE.".php"); // include_lan(e_THEME."_blank/languages/".e_LANGUAGE.".php");
e107::js('theme','js/bootstrap.js'); e107::js('theme','js/bootstrap.js');
@@ -158,7 +159,7 @@ function tablestyle($caption, $text, $mode)
case 'admin_menu' : case 'admin_menu' :
echo ' echo '
<div class="well sidebar-nav" style="padding:10px"> <div class="well sidebar-nav" >
<div class="nav-header">'.$caption.'</div> <div class="nav-header">'.$caption.'</div>
'.$text.' '.$text.'
</div> </div>