DGNum/demarches-normaliennes
14
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Add badge support to tabs

Browse source
This commit is contained in:
gregoirenovel 2017-08-28 10:51:40 +02:00 committed by Mathieu Magnin
parent cc54fec629
commit 93cb2ec118
2 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/assets/stylesheets/new_design/_tabs.scss
View file

@ -27,12 +27,30 @@
a { a {
color: $blue; color: $blue;
} }
.badge {
color: $blue;
}
} }
&:hover { &:hover {
a { a {
color: $blue; color: $blue;
} }
.badge {
color: $blue;
}
}
.badge {
background-color: rgba(0, 0, 0, 0.08);
padding-left: 5px;
padding-right: 5px;
border-radius: 100px;
font-weight: bold;
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
} }
} }
} }

10
app/views/root/patron.html.haml
View file

@ -93,12 +93,14 @@
.container .container
Titre Titre
%ul.tabs %ul.tabs
%li{ class: "active" } %li.active
= link_to "Onglet 1", "#" = link_to "Onglet actif", "#"
%li %li
= link_to "Onglet 2", "#" = link_to "Onglet inactif", "#"
%li %li
= link_to "Onglet 3", "#" = link_to "#" do
Onglet avec badge
%span.badge 2
.container .container
%h1 Breadcrumbs %h1 Breadcrumbs