torproject/support
1
0
Fork 0
mirror of https://github.com/torproject/support.git synced 2025-03-04 23:37:05 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

<pre> & <code> styling

Browse Source 
+ search input rounded border
This commit is contained in:
Antonela 2018-02-14 16:16:33 -03:00
parent 658a0e3ca9
commit 31108136f7
5 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/scss/_portal.scss
View File

@ -28,7 +28,6 @@ footer .border{
height: 500px;
background: transparent;
}
#topics {
min-height: 500px;
margin-bottom: 200px;
@ -37,4 +36,4 @@ footer .border{
.footer {
position: relative;
z-index:99999999999;
}
}

9
assets/scss/_tor-variables.scss
View File

@ -54,3 +54,12 @@ $mark-bg: $bd-purple-light;
// Tables
$table-accent-bg: $bd-purple-light;
//// Code
$code-font-size: 80% !default;
$code-padding-y: .5rem !default;
$code-padding-x: .5rem !default;
$code-color: lightgreen !default;
$code-bg: $gray-800 !default;
$pre-color: lightgreen !default;

12
assets/scss/_tor.scss
View File

@ -331,6 +331,14 @@ mark,.mark {
margin-top: -.25rem;
}
// Code
pre {
padding: 0.5rem;
margin-top: 1rem;
color: $pre-color;
background: $code-bg;
}
// Variations
@mixin bs-callout-variant($color) {
border-left-color: $color;
@ -498,6 +506,6 @@ a.side-nav.active {
#collapseTopicsNav:target {
display: block;
padding: 20px;
}
}
}

4
templates/jumbotron.html
View File

@ -8,8 +8,8 @@
<form class="form-inline form-wide justify-content-md-center" action="https://duckduckgo.com/" method="get">
<div class="col-6">
<div class="offset-md-1 col-10 input-group input-group-lg">
<input name="sites" value="https://www.torproject.org" type="hidden">
<input class="form-control form-wide" type="text" name="q" placeholder="Using DuckDuckGo…" aria-label="Search">
<input name="sites" value="https://www.torproject.org" type="hidden">
<input class="form-control form-wide rounded-left" type="text" name="q" placeholder="Using DuckDuckGo…" aria-label="Search">
<span class="input-group-btn">
<button class="btn btn-light" type="submit">Search</button>
</span>

10
templates/sidenav.html
View File

@ -2,9 +2,9 @@
<div class="justify-content-md-center mx-auto">
<a class="text-primary bg-white font-weight-bold d-block burger" href="#collapseTopicsNav">
Topics
<button class="btn text-primary bg-white font-weight-bold dropdown-toggle d-block" type="button" id="dropdownMenuButtonTopics" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</button>
</a>
<div class="burger-menu" id="collapseTopicsNav" aria-labelledby="dropdownMenuButtonTopics">
@ -14,21 +14,21 @@
<li{% if this.is_child_of(item.path) %} class="nav-item" {% else %} class="toc-entry toc-h2 nav-item"{% endif %}>
<a data-toggle="collapse" role="button" data-target="{{ item.path }}" aria-controls="{{ item.control }}" {% if this.is_child_of(item.path) %} class="side-nav active" {% else %} class="side-nav" {% endif %} href="{{ item.path }}">{{ item.label }}</a>
</li>
{% endfor %}
</div>
<hr/>
</div>
</nav>
<nav class="col-sm-3 col-md-2 d-none d-sm-block section-nav bg-white sidebar sidetopics">
<h4 class="text-primary offset-md-1">Topics</h4>
<h4 class="text-primary offset-md-1">Topics</h4>
<ul class="nav nav-pills flex-column">
{% set topicbag = 'topics+' + this.alt %}
{% for id, item in bag(topicbag).items() %}
<li{% if this.is_child_of(item.path) %} class="toc-entry toc-h2 active nav-item" {% else %} class="toc-entry toc-h2 nav-item"{% endif %}>
<a data-toggle="collapse" role="button" data-target="{{ item.path }}" aria-controls="{{ item.control }}" {% if this.is_child_of(item.path) %} class="side-nav active" {% else %} class="side-nav" {% endif %} href="{{ item.path }}">{{ item.label }}</a>
</li>
{% endfor %}
</ul>
</nav>