D3Public/daux.io
8
0
Fork 0
Code Pull Requests Releases Activity

Design fixes, fixes #288 and fixes #119

Browse Source
This commit is contained in:
Stéphane Goetz 2015-07-21 22:40:13 +02:00
parent 046a419c31
commit 642699ec7e
10 changed files with 133 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/themes/_common/less/bootstrap/bootstrap.less vendored
View File

@ -19,7 +19,7 @@
@import "code.less";
@import "grid.less";
//@import "tables.less";
@import "forms.less";
//@import "forms.less";
@import "buttons.less";
// Components
@ -42,7 +42,7 @@
//@import "list-group.less";
//@import "panels.less";
//@import "responsive-embed.less";
@import "wells.less";
//@import "wells.less";
//@import "close.less";
// Components w/ JavaScript

8
resources/themes/_common/less/bootstrap/navbar.less
View File

@ -140,7 +140,8 @@
position: fixed;
right: 0;
left: 0;
z-index: @zindex-navbar-fixed;
// Undo the rounded corners
@media (min-width: @grid-float-breakpoint) {
@ -283,7 +284,8 @@
// Extension of the `.form-inline` with some extra flavor for optimum display in
// our navbars.
.navbar-form {
//DAUX.io / onigoetz; removed so we can safely remove forms.less
/*.navbar-form {
margin-left: -@navbar-padding-horizontal;
margin-right: -@navbar-padding-horizontal;
padding: 10px @navbar-padding-horizontal;
@ -318,7 +320,7 @@
padding-bottom: 0;
.box-shadow(none);
}
}
}*/
// Dropdown menus

47
resources/themes/_common/less/components.less
View File

@ -6,6 +6,8 @@ a {
}
.btn {
display: inline-block;
&.btn-sidebar {
padding: 7px 10px;
.kill-background-image;
@ -44,7 +46,6 @@ code {
box-shadow: 0 1px 5px rgba(0,0,0,.25);
background-color: @dark;
margin-bottom: 0px;
z-index: 200;
.container, .container-fluid {
.kill-background-image;
@ -65,19 +66,6 @@ code {
}
}
}
@media (min-width: 768px) and (max-width: 979px) {
&.navbar-fixed-top {
position: fixed;
}
}
@media (max-width: 767px) {
&.navbar-fixed-top {
margin-left: 0px;
margin-right: 0px;
}
}
}
//Sidebar Nav List
@ -308,26 +296,21 @@ table {
z-index: 200;
}
.well {
&.well-sidebar {
.kill-box-shadow;
background-color: transparent;
border-radius: 0;
border: none;
.sidebar-links {
padding:20px;
a {
font-size: 13px;
.roboto-slab.regular;
color: @light;
line-height: 28px;
}
a {
font-size: 13px;
.roboto-slab.regular;
color: @light;
line-height: 28px;
}
.twitter {
hr {
border-bottom: none;
margin-left: -20px;
margin-right: -20px;
}
.twitter {
hr {
border-bottom: none;
margin-left: -20px;
margin-right: -20px;
}
}
}

113
resources/themes/_common/less/structure.less
View File

@ -163,11 +163,11 @@ Homepage
.twitter {
margin-top: 20px;
}
.twitter:first-child {
&:first-child {
margin-top: 40px;
}
}
}
/* ===========================================================================================
@ -175,68 +175,97 @@ Docs Body & Page Structure
============================================================================================== */
html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: @light;
background-color: #fff;
color: @text;
}
//100% Height Columns
.container-fluid {
&.fluid-height {
height: 100%;
}
}
.columns {
height: 100%;
padding-top: @navbar-height;
.left-column {
background-color: @sidebar-background;
border-right: 1px solid @lines;
overflow-x: hidden;
background-color:@sidebar-background;
}
.right-column {
.content-page {
padding: 20px;
min-height: 100%;
background-color: white;
padding: 10px;
background-color:#fff;
}
}
}
.content-area, .article-tree {
overflow: auto;
padding: 0px;
@media (min-width: 767px) {
height: 100%;
}
.container-fluid .navbar-static-top {
margin-left:-15px;
margin-right:-15px;
}
//mobile friendly sub-nav
.responsive-collapse {
padding: 10px 15px;
display: none;
display: block;
background-color: @lines;
border-bottom: 1px solid @lines;
@media (max-width: 767px) {
display: block;
}
}
.sub-nav-collapse {
@media (max-width: 768px) {
display: none;
}
.content-area,
.article-tree {
padding: 0px;
}
@media screen and (min-width: 767px) {
body {
//Needed only for floating code blocks
background-color:@light;
}
.navbar-static-top {
position:fixed;
z-index: @zindex-navbar-fixed;
width:100%;
}
.responsive-collapse {
display: none;
}
@media (min-width: 768px) {
display: block;
.sub-nav-collapse {
display: block !important;
}
//100% Height Columns
.container-fluid {
&.fluid-height {
height:100%;
}
}
.content-area,
.article-tree {
overflow: auto;
height: 100%;
}
.columns {
height:100%;
padding-top:@navbar-height;
.left-column {
border-right:1px solid @lines;
overflow-x:hidden;
}
.right-column {
.content-page {
padding:20px;
min-height:100%;
}
}
}
}
@ -299,3 +328,13 @@ html, body {
content: attr(data-title);
}
}
@media print {
.content-area {
width:100% !important;
}
h1 a[href]:after {
font-size:50%;
}
}

6
resources/themes/daux-blue/css/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
resources/themes/daux-green/css/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
resources/themes/daux-navy/css/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
resources/themes/daux-red/css/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

29
templates/home.php
View File

@ -1,5 +1,5 @@
<?php $this->layout('theme::layout/00_layout') ?>
<div class="navbar navbar-fixed-top hidden-print">
<div class="navbar navbar-static-top hidden-print">
<div class="container">
<?php $this->insert('theme::partials/navbar_content', ['params' => $params]); ?>
</div>
@ -8,7 +8,7 @@
<a href="https://github.com/<?= $params['html']['repo']; ?>" target="_blank" id="github-ribbon" class="hidden-print"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<?php } ?>
<div class="homepage-hero well container-fluid">
<div class="homepage-hero container-fluid">
<div class="container">
<div class="row">
<div class="text-center col-sm-12">
@ -28,19 +28,16 @@
</div>
<div class="hero-buttons container-fluid">
<div class="container">
<div class="row">
<div class="text-center col-sm-12">
<?php
if ($params['html']['repo']) {
echo '<a href="https://github.com/' . $params['html']['repo'] . '" class="btn btn-secondary btn-hero">View On GitHub</a>';
}
foreach ($page['entry_page'] as $key => $node) {
echo '<a href="' . $node . '" class="btn btn-primary btn-hero">' . $key . '</a>';
}
?>
</div>
</div>
<div class="container text-center">
<?php
if ($params['html']['repo']) {
echo '<a href="https://github.com/' . $params['html']['repo'] . '" class="btn btn-secondary btn-hero">View On GitHub</a>';
}
foreach ($page['entry_page'] as $key => $node) {
echo '<a href="' . $node . '" class="btn btn-primary btn-hero">' . $key . '</a>';
}
?>
<div class="clearfix"></div>
</div>
</div>
@ -54,7 +51,7 @@
</div>
</div>
<div class="homepage-footer well container-fluid">
<div class="homepage-footer container-fluid">
<div class="container">
<div class="row">
<div class="col-sm-5 col-sm-offset-1">

4
templates/layout/05_page.php
View File

@ -4,7 +4,7 @@
<a href="https://github.com/<?= $params['html']['repo']; ?>" target="_blank" id="github-ribbon" class="hidden-print"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<?php } ?>
<div class="container-fluid fluid-height wrapper">
<div class="navbar navbar-fixed-top hidden-print">
<div class="navbar navbar-static-top hidden-print">
<div class="container-fluid">
<?php $this->insert('theme::partials/navbar_content', ['params' => $params]); ?>
</div>
@ -30,7 +30,7 @@
?>
<?php if (!empty($params['html']['links']) || !empty($params['html']['twitter']) || $params['html']['toggle_code']) { ?>
<div class="well well-sidebar">
<div class="sidebar-links">
<!-- Links -->
<?php