Commit f2b7bc76 authored by Curtis Adam's avatar Curtis Adam

Update the style for navigation buttons without card content

parent 185797ac
......@@ -548,6 +548,12 @@ $themes: (
$card_navigation_text: map-get($map, "card_navigation_text");
$card_navigation_background_hover: map-get($map, "card_navigation_background_hover");
$card_navigation_text_hover: map-get($map, "card_navigation_text_hover");
$card_navigation_empty_content_opacity: map-get($map, "card_navigation_empty_content_opacity");
$card_navigation_empty_content_background: map-get($map, "card_navigation_empty_content_background");
$card_navigation_empty_content_text: map-get($map, "card_navigation_empty_content_text");
$card_navigation_empty_content_opacity_hover: map-get($map, "card_navigation_empty_content_opacity_hover");
$card_navigation_empty_content_background_hover: map-get($map, "card_navigation_empty_content_background_hover");
$card_navigation_empty_content_text_hover: map-get($map, "card_navigation_empty_content_text_hover");
//cube colors
$cube_border: map-get($map, "cube_border");
//card colors
......@@ -3593,6 +3599,17 @@ $themes: (
background-color: $card_navigation_background_hover !important;
}
.switchCardSideEmptyContent {
opacity: $card_navigation_empty_content_opacity !important;
color: $card_navigation_empty_content_text !important;
background-color: $card_navigation_empty_content_background !important;
}
.switchCardSideEmptyContent:hover, .switchCardSideEmptyContent:focus {
opacity: $card_navigation_empty_content_opacity_hover !important;
color: $card_navigation_empty_content_text_hover !important;
background-color: $card_navigation_empty_content_background_hover !important;
}
.card-navigation-active {
color: $card_navigation_active_text !important;
background-color: $card_navigation_active_background !important;
......
......@@ -430,6 +430,12 @@
"card_navigation_text": $primary_text,
"card_navigation_background_hover": $button_background_hover,
"card_navigation_text_hover": $button_text_hover,
"card_navigation_empty_content_opacity": 0.4,
"card_navigation_empty_content_background": $thm_orange,
"card_navigation_empty_content_text": white,
"card_navigation_empty_content_opacity_hover": 0.4,
"card_navigation_empty_content_background_hover": $thm_orange,
"card_navigation_empty_content_text_hover": white,
//cube colors
"cube_border": lightgray,
//card colors
......
......@@ -42,12 +42,12 @@
<template name="cardNavigationItem">
<li class="btn-bootstrap-container">
<a class="btn btn-block {{#if isFirstButton this.index}}card-navigation-active{{/if}} switchCardSide btn-raised"
<a class="btn btn-block {{#if isFirstButton this.index}}card-navigation-active{{/if}} switchCardSide {{isDisabled this.contentId false}} btn-raised"
type="button"
data-content-id="{{this.contentId}}"
data-navigation-id="{{this.index}}" data-side="{{this.side}}"
data-style="{{this.defaultStyle}}"
tabindex="{{getTabIndex this.index}}" data-disabled="{{isDisabled this.contentId true}}" {{isDisabled this.contentId false}}>
tabindex="{{getTabIndex this.index}}" data-disabled="{{isDisabled this.contentId true}}">
<div class="flex-content" data-content-id="{{this.contentId}}"
data-navigation-id="{{this.index}}" data-side="{{this.side}}"
data-style="{{this.defaultStyle}}"
......
......@@ -183,7 +183,7 @@ Template.cardNavigationItem.helpers({
if (dataType) {
return 1;
} else {
return {disabled: 'disabled'};
return "switchCardSideEmptyContent";
}
}
if (dataType) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment