scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-02-06 15:05:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add color to HOT buttons

Browse source
This commit is contained in:
Jure Grabnar 2019-03-27 13:15:44 +01:00
parent 5258c05c69
commit 9881ff38ee
3 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/assets/javascripts/global_activities/side_pane.js
View file

@ -152,6 +152,12 @@ $(function() {
return true;
}
function resetHotButtonsBackgroundColor() {
$('.date-selector .hot-button').each(function() {
$(this).removeClass('selected');
})
}
// Common selection intialize
$.each(selectors, (index, e) => {
$('.ga-side .' + e + '-selector select').select2Multiple({ singleDisplay: true })
@ -196,6 +202,7 @@ $(function() {
GlobalActivitiesUpdateTopPaneTags();
reloadActivities();
}
resetHotButtonsBackgroundColor();
});
$('#calendar-from-date').on('dp.change', function(e) {
@ -206,6 +213,7 @@ $(function() {
GlobalActivitiesUpdateTopPaneTags();
reloadActivities();
}
resetHotButtonsBackgroundColor();
});
GlobalActivitiesUpdateTopPaneTags();
@ -248,5 +256,8 @@ $(function() {
dateContainer[0].dataset.periodSelect = this.innerHTML;
GlobalActivitiesUpdateTopPaneTags();
reloadActivities();
resetHotButtonsBackgroundColor();
$(this).addClass('selected');
});
});

1
app/assets/stylesheets/constants.scss
View file

@ -29,6 +29,7 @@ $brand-primary-light: #dcedf6;
$brand-success-light: #e2eed8;
$brand-warning-light: #fcf7e4;
$brand-danger-light: #efdfdf;
$brand-light-blue: #e3f1f9;
//==============================================================================

5
app/assets/stylesheets/global_activities.scss
View file

@ -128,6 +128,11 @@
text-align: left;
width: calc(50% - 25px);
&.selected {
background: $brand-light-blue;
opacity: 1;
}
&:nth-child(even) {
margin-left: 20px;
}