diff --git a/files/static/less/wiki.less b/files/static/less/wiki.less index 481b216f5..78624d012 100644 --- a/files/static/less/wiki.less +++ b/files/static/less/wiki.less @@ -21,6 +21,29 @@ resize: vertical; height: 600px; } + #article-menu { + border-bottom: none; + margin-bottom: 8px; + li { + padding-top: 0px; + a { + padding-bottom: 9px; + } + } + } + #article-breadcrumbs { + border-bottom: 1px solid #EEEEEE; + margin-bottom: 12px; + > div.pull-left { + margin-bottom: 9px; + margin-left: 0px !important; + margin-right: 10px; + } + .breadcrumb { + margin-bottom: 8px; + margin-right: 10px; + } + } .wiki-article { pre * { margin: 0; @@ -62,6 +85,29 @@ width: auto; border: 0px; } + } + #article-menu { + border-bottom: none; + margin-bottom: 8px; + li { + padding-top: 0px; + a { + padding-bottom: 9px; + } + } + } + #article-breadcrumbs { + border-bottom: 1px solid #EEEEEE; + margin-bottom: 12px; + > div.pull-left { + margin-bottom: 9px; + margin-left: 0px !important; + margin-right: 10px; + } + .breadcrumb { + margin-bottom: 8px; + margin-right: 10px; + } } } .navbar-fixed-top { @@ -75,4 +121,37 @@ .navbar-fixed-top { padding-left: 0px; padding-right: 0px; -} \ No newline at end of file +} + +@media all and (max-width: 768px) { + #wiki { + #article-menu { + float: left !important; + margin-bottom: 7px; + li { + padding-top: 0px; + + a { + background-color: #5BC0DE; + border-color: #5BC0DE; + color: #FFFFFF; + margin-left: 10px; + padding-top: 13px; + padding-bottom: 11px; + margin-left: 0px; + margin-right: 10px; + } + span { + display: block; + } + span.hideme { + display: none; + } + } + li.active a { + background-color: #428BCA; + color: #fff; + } + } + } +} diff --git a/templates/wiki/includes/article_menu.html b/templates/wiki/includes/article_menu.html new file mode 100644 index 000000000..a9b2ec8dc --- /dev/null +++ b/templates/wiki/includes/article_menu.html @@ -0,0 +1,53 @@ +{% load i18n wiki_tags %}{% load url from future %} + +{% with selected_tab as selected %} + +