Skip to content

E
edx-platform
Commit abf26dce by Tom Giannattasio
Options

started styles

parent 9f770ef9
Showing with 305 additions and 156 deletions
lms/static/sass/course/wiki/_wiki.scss
div.wiki-wrapper { section.wiki {
display: table; padding-top: 25px;
width: 100%;
header {
section.wiki-body { height: 33px;
@extend .clearfix; margin-bottom: 50px;
@extend .content; padding-bottom: 26px;
@include border-radius(0 4px 4px 0); border-bottom: 1px solid $light-gray;
position: relative; }
header { .pull-left {
@extend .topbar; float: left;
@include border-radius(0 4px 0 0); }
height:46px;
overflow: hidden;
&:empty { .pull-right {
border-bottom: 0; float: right;
display: none !important; }
}
/*-----------------
Breadcrumbs
-----------------*/
.breadcrumb {
list-style: none;
padding-left: 0;
margin: 0;
li {
float: left;
margin-right: 10px;
font-size: 0.9em;
line-height: 31px;
a { &:after {
@extend .block-link; content: '›';
display: inline-block;
margin-left: 10px;
color: $base-font-color;
} }
}
}
.dropdown-menu {
display: none;
}
p { /*-----------------
float: left;
line-height: 46px; Global Functions
margin-bottom: 0;
padding-left: lh(); -----------------*/
.global-functions {
display: block;
width: auto;
}
.add-article-btn {
@include button(simple, #eee);
margin-left: 25px;
padding: 7px 15px !important;
font-size: 0.72em;
font-weight: 600;
}
.search-wiki {
margin-top: 3px;
input {
width: 180px;
height: 27px;
padding: 0 15px 0 35px;
background: url(../images/search-icon.png) no-repeat 9px center #f6f6f6;
border: 1px solid #c8c8c8;
border-radius: 14px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) inset;
font-family: $sans-serif;
font-size: 12px;
outline: none;
@include transition(border-color .1s);
&:-webkit-input-placholder {
font-style: italic;
} }
ul { &:focus {
float: right; border-color: $blue;
list-style: none;
li {
float: left;
input[type="button"] {
@extend .block-link;
background-position: 12px center;
background-repeat: no-repeat;
border: 0;
border-left: 1px solid darken(#f6efd4, 20%);
@include border-radius(0);
@include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
display: block;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
line-height: 46px;
margin: 0;
padding: 0 lh() 0 38px;
text-shadow: none;
text-transform: uppercase;
@include transition();
&.view {
background-image: url('../images/sequence-nav/view.png');
}
&.history {
background-image: url('../images/sequence-nav/history.png');
}
&.edit {
background-image: url('../images/sequence-nav/edit.png');
}
&:hover {
background-color: transparent;
}
}
}
} }
} }
}
h2.wiki-title {
@include box-sizing(border-box);
display: inline-block;
float: left;
margin-bottom: 15px;
margin-top: 0;
padding-right: flex-gutter(9);
vertical-align: top;
width: flex-grid(2.5, 9);
@media screen and (max-width:900px) {
border-right: 0;
display: block;
width: auto;
}
@media print {
border-right: 0;
display: block;
width: auto;
}
}
p {
line-height: 1.6em; /*-----------------
Article
-----------------*/
h1 {
font-weight: bold;
letter-spacing: 0;
}
.main-article {
float: left;
width: flex-grid(9);
h2 {
font-weight: bold;
text-transform: none;
letter-spacing: 0;
font-size: 1.33em;
} }
}
section.results { .article-functions {
border-left: 1px dashed #ddd; float: left;
@include box-sizing(border-box); width: flex-grid(2);
display: inline-block; margin-left: flex-grid(1);
float: left; }
padding-left: 10px;
width: flex-grid(6.5, 9);
@media screen and (max-width:900px) {
border: 0;
display: block;
padding-left: 0;
width: 100%;
width: auto;
}
@media print { .nav-tabs {
display: block; list-style: none;
padding: 0; padding: 0;
width: auto; margin: 0;
canvas, img { li {
page-break-inside: avoid; margin-left: 20px;
} }
} }
ul.article-list {
margin-left: 15px;
width: 100%; /*-----------------
@media screen and (max-width:900px) { Alerts
margin-left: 0px;
} -----------------*/
li { .alert {
border-bottom: 1px solid #eee; position: relative;
list-style: none; top: -35px;
margin: 0; margin-bottom: 24px;
padding: 10px 0; padding: 8px 12px;
border: 1px solid #EBE8BF;
&:last-child { border-radius: 3px;
border-bottom: 0; background: $yellow;
} font-size: 0.9em;
h3 { .close {
font-size: 18px; position: absolute;
font-weight: normal; right: 12px;
} font-size: 1.3em;
} top: 6px;
} color: #999;
text-decoration: none;
} }
} }
} }
\ No newline at end of file
lms/templates/wiki/article.html 0 → 100644
{% extends "wiki/base.html" %}
{% load wiki_tags i18n %}
{% load url from future %}
{% block pagetitle %}{{ article.current_revision.title }}{% endblock %}
{% block wiki_breadcrumbs %}
{% include "wiki/includes/breadcrumbs.html" %}
{% endblock %}
{% block wiki_contents %}
<div class="tabbable tabs-top" style="margin-top: 20px;">
<article class="main-article">
<h1 style="margin-top: -10px;">{{ article.current_revision.title }}</h1>
<div class="tab-content">
{% block wiki_contents_tab %}
{% wiki_render article %}
{% endblock %}
</div>
</article>
<div class="article-functions">
<ul class="nav nav-tabs">
{% include "wiki/includes/article_menu.html" %}
</ul>
</div>
</div>
{% endblock %}
{% block footer_prepend %}
<p style="margin-bottom: 10px;"><em>{% trans "This article was last modified:" %} {{ article.current_revision.modified }}</em></p>
{% endblock %}
lms/templates/wiki/base.html
...@@ -12,20 +12,25 @@ ...@@ -12,20 +12,25 @@
{% include "course_navigation.html" with active_page_context="wiki" %} {% include "course_navigation.html" with active_page_context="wiki" %}
{% endif %} {% endif %}
{% block wiki_body %} <section class="container wiki">
{% if messages %} {% block wiki_body %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }}"> {% block wiki_breadcrumbs %}{% endblock %}
<a class="close" data-dismiss="alert" href="#">&times;</a>
{{ message }} {% if messages %}
</div> {% for message in messages %}
{% endfor %} <div class="alert alert-{{ message.tags }}">
{% endif %} <a class="close" data-dismiss="alert" href="#">&times;</a>
{{ message }}
{% block wiki_breadcrumbs %}{% endblock %} </div>
{% endfor %}
{% block wiki_contents %}{% endblock %} {% endif %}
{% endblock %} {% block wiki_contents %}{% endblock %}
{% endblock %}
</section>
{% endblock %} {% endblock %}
lms/templates/wiki/includes/article_menu.html 0 → 100644
{% load i18n wiki_tags %}{% load url from future %}
{% with selected_tab as selected %}
<li class="{% if selected == "view" %} active{% endif %}">
<a href="{% url 'wiki:get' article_id=article.id path=urlpath.path %}">
<span class="icon-home"></span>
{% trans "View" %}
</a>
</li>
<li class="{% if selected == "edit" %} active{% endif %}">
<a href="{% url 'wiki:edit' article_id=article.id path=urlpath.path %}">
<span class="icon-edit"></span>
{% trans "Edit" %}
</a>
</li>
<li class="{% if selected == "history" %} active{% endif %}">
<a href="{% url 'wiki:history' article_id=article.id path=urlpath.path %}">
<span class="icon-time"></span>
{% trans "Changes" %}
</a>
</li>
{% for plugin in article_tabs %}
<li class="{% if selected == plugin.slug %} active{% endif %}">
<a href="{% url 'wiki:plugin' slug=plugin.slug article_id=article.id path=urlpath.path %}">
<span class="{{ plugin.article_tab.1 }}"></span>
{{ plugin.article_tab.0 }}
</a>
</li>
{% endfor %}
<li class="{% if selected == "settings" %} active{% endif %}">
{% if not user.is_anonymous %}
<a href="{% url 'wiki:settings' article_id=article.id path=urlpath.path %}">
<span class="icon-wrench"></span>
{% trans "Settings" %}
</a>
{% endif %}
</li>
{% endwith %}
lms/templates/wiki/includes/breadcrumbs.html 0 → 100644
{% load i18n %}{% load url from future %}
{% if urlpath %}
<header>
<ul class="breadcrumb pull-left" class="">
{% for ancestor in urlpath.get_ancestors.all %}
<li><a href="{% url 'wiki:get' path=ancestor.path %}">{{ ancestor.article.current_revision.title }}</a></li>
{% endfor %}
<li class="active"><a href="{% url 'wiki:get' path=urlpath.path %}">{{ article.current_revision.title }}</a></li>
</ul>
<div class="pull-left" style="margin-left: 10px;">
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#" style="padding: 7px;" title="{% trans "Sub-articles for" %} {{ article.current_revision.title }}">
<span class="icon-list"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
{% for child in children_slice %}
<li>
<a href="{% url 'wiki:get' path=child.path %}">
{{ child.article.current_revision.title }}
</a>
</li>
{% empty %}
<li><a href="#"><em>{% trans "No sub-articles" %}</em></a></li>
{% endfor %}
{% if children_slice_more %}
<li><a href="#"><em>{% trans "...and more" %}</em></a></li>
{% endif %}
<li class="divider"></li>
<li>
<a href="" onclick="alert('TODO')">{% trans "List sub-pages" %} &raquo;</a>
</li>
</ul>
</div>
</div>
<div class="global-functions pull-right">
<form class="search-wiki pull-left">
<input type="search" placeholder="search wiki" />
</form>
<a class="add-article-btn btn pull-left" href="{% url 'wiki:create' path=urlpath.path %}" style="padding: 7px;">
<span class="icon-plus"></span>
{% trans "Add article" %}
</a>
</div>
</header>
{% endif %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment