Skip to content
GitLab
Menu
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
La Quadrature du Net
rpteam
Revue de Press
Commits
cc2b9190
Commit
cc2b9190
authored
Jun 17, 2017
by
cynddl
Browse files
Improve UX for frontend navigation
parent
5f1da46d
Changes
3
Show whitespace changes
Inline
Side-by-side
apps/rp/templates/rp/article_list_public.html
View file @
cc2b9190
...
@@ -8,7 +8,7 @@
...
@@ -8,7 +8,7 @@
<div
class=
"col-md-6 offset-md-1"
>
<div
class=
"col-md-6 offset-md-1"
>
<p>
La revue de presse recense les articles de presse relatifs aux sujets de
<p>
La revue de presse recense les articles de presse relatifs aux sujets de
la Quadrature. Elle est compilée chaque jour par ses bénévoles, à partir de
la Quadrature. Elle est compilée chaque jour par ses bénévoles, à partir de
la presse francophone et internationale.
</p>
la presse francophone et internationale.
Bonne lecture !
</p>
</div>
</div>
<div
class=
"col-md-4"
>
<div
class=
"col-md-4"
>
</div>
</div>
...
@@ -26,8 +26,8 @@
...
@@ -26,8 +26,8 @@
<li
class=
"nav-item"
>
<li
class=
"nav-item"
>
<a
class=
"nav-link active"
href=
"#"
>
<a
class=
"nav-link active"
href=
"#"
>
<span
class=
"fa-stack fa-md"
>
<span
class=
"fa-stack fa-md"
>
<i
class=
"fa fa-circle
-thin
fa-stack-2x"
></i>
<i
class=
"fa fa-circle fa-stack-2x"
></i>
<i
class=
"fa fa-map-marker fa-stack-1x"
></i>
<i
class=
"fa fa-map-marker fa-stack-1x
color-white
"
></i>
</span>
</span>
Presse francophone
Presse francophone
</a>
</a>
...
@@ -44,20 +44,14 @@
...
@@ -44,20 +44,14 @@
<li
class=
"nav-item ml-auto"
>
<li
class=
"nav-item ml-auto"
>
<a
class=
"nav-link disabled"
href=
"#"
>
<a
class=
"nav-link disabled"
href=
"#"
>
<span
class=
"fa-stack fa-md"
>
<i
class=
"fa fa-search"
></i>
<i
class=
"fa fa-circle-thin fa-stack-2x"
></i>
<i
class=
"fa fa-search fa-stack-1x"
></i>
</span>
Rechercher
Rechercher
</a>
</a>
</li>
</li>
<li
class=
"nav-item"
>
<li
class=
"nav-item"
>
<a
class=
"nav-link disabled"
href=
"#"
>
<a
class=
"nav-link disabled"
href=
"#"
>
<span
class=
"fa-stack fa-md"
>
<i
class=
"fa fa-tags"
></i>
<i
class=
"fa fa-circle-thin fa-stack-2x"
></i>
<i
class=
"fa fa-tags fa-stack-1x"
></i>
</span>
Tags
Tags
</a>
</a>
</li>
</li>
...
...
static/src/components/navigation.css
View file @
cc2b9190
...
@@ -4,6 +4,11 @@
...
@@ -4,6 +4,11 @@
@custom-selector
:
--navbar-blue
.
navbar
.
dark-blue-bg
,
.
navbar
.
medium-blue-bg
;
@custom-selector
:
--navbar-blue
.
navbar
.
dark-blue-bg
,
.
navbar
.
medium-blue-bg
;
.nav
{
align-items
:
center
;
}
.navbar-sm
{
.navbar-sm
{
font-size
:
13px
;
font-size
:
13px
;
font-weight
:
600
;
font-weight
:
600
;
...
...
static/src/shared/colors.css
View file @
cc2b9190
...
@@ -38,3 +38,7 @@
...
@@ -38,3 +38,7 @@
.light-blue-bg
a
,
.medium-blue-bg
a
{
.light-blue-bg
a
,
.medium-blue-bg
a
{
color
:
var
(
--color-dark-blue
);
color
:
var
(
--color-dark-blue
);
}
}
.color-white
{
color
:
var
(
--color-white
);
}
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment