diff --git a/app/assets/stylesheets/legislation.scss b/app/assets/stylesheets/legislation.scss index 389d92e03..bacfb1aac 100644 --- a/app/assets/stylesheets/legislation.scss +++ b/app/assets/stylesheets/legislation.scss @@ -7,10 +7,6 @@ // 01. Hero // ----------------- -.legislation-hero { - margin-bottom: 4rem; -} - .brand-heading { background: $brand; diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss index b5e980f25..cf2f40f6d 100644 --- a/app/assets/stylesheets/legislation_process.scss +++ b/app/assets/stylesheets/legislation_process.scss @@ -2,7 +2,7 @@ // // 01. Utils // 02. Hero -// 03. Legislation process +// 03. Legislation process navigation // 04. Debate list // 05. Debate quiz // 06. Legislation draft @@ -38,11 +38,9 @@ // ----------------- .legislation-hero { padding-top: 1.5rem; - margin-bottom: 2rem; @include breakpoint(medium) { padding-top: 3.5rem; - margin-bottom: 4rem; } h4 { @@ -117,48 +115,69 @@ } } -// 03. Legislation process +// 03. Legislation process navigation // ----------------- .legislation-process-categories { - list-style: none; - margin-left: 0; - padding-left: 0; - border-bottom: 1px solid $medium-gray; + position: relative; - li { - cursor: pointer; - margin-left: 0; - display: inline-block; - margin-bottom: 1rem; + svg { + position: absolute; + top: 0.75rem; + left: 0; @include breakpoint(medium) { - margin-left: 3rem; - margin-bottom: 0; - } - - a, - h4 { - color: #6D6D6D; - margin-bottom: 0; - } - - a { - &:hover, &:active { - text-decoration: none; - } - - p { - margin-bottom: 0; - - @include breakpoint(medium) { - margin-bottom: 1rem; - } - } + transform: rotate(-8deg); } } - .active { - border-bottom: 2px solid $brand; + ul { + padding-top: 3rem; + list-style: none; + margin-left: 0; + padding-left: 0; + border-bottom: 1px solid $medium-gray; + + @include breakpoint(medium) { + padding-top: 4rem; + } + + li { + cursor: pointer; + margin-left: 0; + display: inline-block; + margin-bottom: 1rem; + margin-right: 1rem; + + @media (min-width: 950px) { + margin-right: 0; + margin-left: 3rem; + margin-bottom: 0; + } + + a, + h4 { + color: #6D6D6D; + margin-bottom: 0; + } + + a { + &:hover, &:active { + text-decoration: none; + } + + p { + margin-bottom: 0; + + @include breakpoint(medium) { + margin-bottom: 1rem; + } + } + } + } + + .active { + border-bottom: 2px solid $brand; + } } } @@ -356,7 +375,6 @@ // ----------------- .legislation-allegation { padding-top: 1rem; - margin-bottom: 2rem; .headline { margin-bottom: 0; diff --git a/app/views/sandbox/_legislation_process_nav.html.erb b/app/views/sandbox/_legislation_process_nav.html.erb new file mode 100644 index 000000000..a99710845 --- /dev/null +++ b/app/views/sandbox/_legislation_process_nav.html.erb @@ -0,0 +1,33 @@ + diff --git a/app/views/sandbox/legislation_allegations.html.erb b/app/views/sandbox/legislation_allegations.html.erb index d177d50cc..f7d9e7ca3 100644 --- a/app/views/sandbox/legislation_allegations.html.erb +++ b/app/views/sandbox/legislation_allegations.html.erb @@ -21,32 +21,7 @@
- + <%= render 'sandbox/legislation_process_nav' %>
@@ -63,7 +38,7 @@ actualizada el 13 nov 2017
- Ver todos los comentarios + Ver todos los comentarios
diff --git a/app/views/sandbox/legislation_debate.html.erb b/app/views/sandbox/legislation_debate.html.erb index f6852ed45..d701cd918 100644 --- a/app/views/sandbox/legislation_debate.html.erb +++ b/app/views/sandbox/legislation_debate.html.erb @@ -7,7 +7,7 @@
- +

Suscríbete al proceso

Recibe notificaciones clave sobre el proceso

 @@ -37,39 +37,14 @@
- + Más información y contexto
-
- +
+ <%= render 'sandbox/legislation_process_nav' %>
diff --git a/app/views/sandbox/legislation_draft.html.erb b/app/views/sandbox/legislation_draft.html.erb index 7361bd54e..8bcec8ca2 100644 --- a/app/views/sandbox/legislation_draft.html.erb +++ b/app/views/sandbox/legislation_draft.html.erb @@ -43,33 +43,8 @@
-
- +
+ <%= render 'sandbox/legislation_process_nav' %>
@@ -81,7 +56,7 @@
- diff --git a/app/views/sandbox/legislation_draft_changes.html.erb b/app/views/sandbox/legislation_draft_changes.html.erb index d871e842d..122d14b74 100644 --- a/app/views/sandbox/legislation_draft_changes.html.erb +++ b/app/views/sandbox/legislation_draft_changes.html.erb @@ -21,32 +21,7 @@
- + <%= render 'sandbox/legislation_process_nav' %>
@@ -62,7 +37,7 @@ actualizada el 13 nov 2017
- Ver borrador del texto + Ver borrador del texto
diff --git a/app/views/sandbox/legislation_draft_comment.html.erb b/app/views/sandbox/legislation_draft_comment.html.erb index c0008d324..0d9191e71 100644 --- a/app/views/sandbox/legislation_draft_comment.html.erb +++ b/app/views/sandbox/legislation_draft_comment.html.erb @@ -21,32 +21,7 @@
- + <%= render 'sandbox/legislation_process_nav' %>
@@ -62,7 +37,7 @@ actualizada el 13 nov 2017
- Ver borrador del texto + Ver borrador del texto
diff --git a/app/views/sandbox/legislation_draft_comments.html.erb b/app/views/sandbox/legislation_draft_comments.html.erb index 1a334fd12..c9ba64555 100644 --- a/app/views/sandbox/legislation_draft_comments.html.erb +++ b/app/views/sandbox/legislation_draft_comments.html.erb @@ -21,32 +21,7 @@
- + <%= render 'sandbox/legislation_process_nav' %>
@@ -62,7 +37,7 @@ actualizada el 13 nov 2017
- Ver borrador del texto + Ver borrador del texto