- Introduced text-dark-grey = #666666
- Converted text colors #777777 and #555555 to text-dark-grey
- Removed header-grey in favor of text-grey
- Included colors in a couple of files where it was missing
- Categorized the colors in the palette based on the contexts of usage
- This action needn't be performed when all notifications are read,
hence disabling it is a good practice
- Added a link-disabled-color
- Used css pointer-events to disable clicking on the link
Preventing default on click for the mark_all_read_link
- avoiding the use of pointer-events
- setting up disabled only for mark_all_read_link
Moved disabling of the link to a global handler
- Added disabled class to the button in /notifications when all are read
- Styled the disabled button
- Adding disabled class after completion of ajaxRequest
- Pulled out the existing palette in _mixins
- Took a stab at naming greys after their usage count in contexts
- Replaced #a40802 with #a80000, since they are very close and $red was already in the palette
Missed importing 'colors' in a couple of places
Removing a redefined in favor of in colors.css.scss
Fixing missed imports #2
Renamed $background to $background-white
Explicitly calling out the color of the background, since we have many
background colors
- the right-arrow wasn't highlighted on hover, which was
inconsistent with the other header items
- changed the user-menu items highlight color from #fff to #fafafa, which is
consistent across the header
- refactored the css to reduce specificity
- refactored css to use nesting in class names instead of nesting in
scss (as advocated by http://smacss.com) to reduce specificity and
to enhance readability
Added white versions of the icons on hover to match the hover of other
header items.
Changing the notifications hover icon to the regular notifications icon when active so
it is visible with the white background.
Fixing the hard coded background-position value for notifications_grey
Can not depend on generated sprite background position as it will change
with changes in icons
Moving the $icons variable to a broader scope
Since the variable is used in the header, the sprites now are imported
before the header
Using the default sprite map instead of the explicitly created sprite map
