Design fixes, fixes #288 and fixes #119

Cette révision appartient à :
Stéphane Goetz 2015-07-21 22:40:13 +02:00
Parent 046a419c31
révision 642699ec7e
10 fichiers modifiés avec 133 ajouts et 96 suppressions

Voir le fichier

@ -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

Voir le fichier

@ -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

Voir le fichier

@ -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;
}
}
}

Voir le fichier

@ -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%;
}
}

Diff de fichier supprimé car une ou plusieurs lignes sont trop longues

Diff de fichier supprimé car une ou plusieurs lignes sont trop longues

Diff de fichier supprimé car une ou plusieurs lignes sont trop longues

Diff de fichier supprimé car une ou plusieurs lignes sont trop longues

Voir le fichier

@ -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">

Voir le fichier

@ -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