1
0
mirror of https://github.com/e107inc/e107.git synced 2025-07-12 10:36:20 +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,23 +1,13 @@
body { body { padding-top: 75px; padding-bottom: 40px; }
padding-top: 75px;
padding-bottom: 40px;
}
.well {
padding:10px;
}
.navbar { .well { padding:10px; }
background-color: #081D28; .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 }
@ -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 { padding: 9px 0; font-size:11px; min-width:150px; }
@media (min-width: 1300px) {
.sidebar-nav { font-size:12px; }
} }
.sidebar-nav { @media (min-width: 1500px) {
padding: 9px 0;
.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>