gabehf/sqm-dashboards
1
0
Fork 0
mirror of https://github.com/edcommonwealth/sqm-dashboards.git synced 2026-03-07 21:48:16 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor nav tabs css

Browse source
This commit is contained in:
Alex Basson 2021-10-12 17:03:39 -04:00
parent 193b7bd792
commit bb8d80856d
4 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/assets/stylesheets/bootstrap-overrides.scss vendored
View file

@ -1,3 +1,6 @@
@import 'colors';
@import 'fonts';
$spacer: 0.5rem;
$spacers: (
0: 0,
@ -12,3 +15,8 @@ $spacers: (
9: ($spacer * 7),
10: ($spacer * 8),
);
$nav-link-color: $white;
$nav-link-font-weight: 600;
$nav-tabs-border-color: transparent;
$nav-tabs-border-radius: 15px;

6
app/assets/stylesheets/colors.scss
View file

@ -43,12 +43,6 @@ $ideal: #C0FF73;
background-color: $light-blue;
}
.nav-tabs {
.bg-color-dark-blue {
background-color: $dark-blue;
}
}
.bg-color-blue {
background-color: $blue;
}

11
app/assets/stylesheets/navigation.scss
View file

@ -1,12 +1,15 @@
@import 'colors';
@import 'fonts';
.nav-tabs {
margin-bottom: -1rem;
border-bottom: 1px solid transparent;
.nav-link {
color: white;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
@extend .font-bitter;
background-color: $dark-blue;
}
}
.nav-item {
margin-right: 1px;
}

2
app/views/sqm_categories/show.html.erb
View file

@ -2,7 +2,7 @@
<nav class="nav nav-tabs">
<% @categories.each do |category| %>
<div class="nav-item">
<%= link_to [@district, @school, category, { year: @academic_year.range }], class: ["font-bitter", "weight-600","nav-link", "bg-color-dark-blue", current_page?([@district, @school, category, { year: @academic_year.range }]) ? "active" : ""] do %>
<%= link_to [@district, @school, category, { year: @academic_year.range }], class: ["nav-link", current_page?([@district, @school, category, { year: @academic_year.range }]) ? "active" : ""] do %>
<i class="fa fa-<%= category.icon %> me-2"></i> <%= category.name %>
<% end %>
</div>