There're some issues with mdVirtualRepeat that required some changes to our app: 1. Having multiple directives with md-virtual-repeat doesn't work well. That why I added a dedicated div for the md-virtual-repeat directive. 2. ui-sref-active doesn't work well for child nodes of the md-virtual-repeat element. The class was applied repetitively to a visible child. I now save which message or card is selected and use the ng-class directive to highlight the selected list item.
104 lines
4.5 KiB
SCSS
Executable file
104 lines
4.5 KiB
SCSS
Executable file
/// styles.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
|
|
|
// Breakpoint (https://github.com/at-import/breakpoint)
|
|
// ------------------------------------------------------------------------------
|
|
@import 'breakpoint';
|
|
|
|
@import 'core/variables'; // Will be replace by a complete 'config file
|
|
|
|
// Browser reset - most effective for applications. Generated by Compass in a non-regular way
|
|
// ------------------------------------------------------------------------------
|
|
@import 'core/reset';
|
|
|
|
// CORE elements
|
|
// ------------------------------------------------------------------------------
|
|
@import 'core/functions';
|
|
@import 'core/angular';
|
|
|
|
/* Local overrides from angular-material src */
|
|
// fixme : refactor all this to meet our practices
|
|
// ------------------------------------------------------------------------------
|
|
@import 'core/mixins';
|
|
@import 'core/structure';
|
|
@import 'core/layout';
|
|
@import 'core/typography';
|
|
|
|
// Original angular-material components
|
|
// ------------------------------------------------------------------------------
|
|
@import 'components/autocomplete/autocomplete';
|
|
@import 'components/autoScrollList/autoScrollList';
|
|
@import 'components/backdrop/backdrop';
|
|
@import 'components/bottomSheet/bottomSheet';
|
|
@import 'components/button/button';
|
|
@import 'components/card/card';
|
|
@import 'components/checkbox/checkbox';
|
|
@import 'components/chips/chips';
|
|
@import 'components/content/content';
|
|
@import 'components/dialog/dialog';
|
|
@import 'components/divider/divider';
|
|
//@import 'components/favActions/fabActions';
|
|
@import 'components/fabSpeedDial/fabSpeedDial';
|
|
//@import 'components/fabToolbar/fabToolbar';
|
|
//@import 'components/fabTrigger/fabTrigger';
|
|
@import 'components/gridList/gridList';
|
|
@import 'components/icon/icon';
|
|
@import 'components/input/input';
|
|
@import 'components/list/list';
|
|
@import 'components/menu/menu';
|
|
//@import 'components/progressCircular/progressCircular';
|
|
@import 'components/progressLinear/progressLinear';
|
|
@import 'components/radioButton/radio-button';
|
|
@import 'components/select/select';
|
|
@import 'components/sidenav/sidenav';
|
|
@import 'components/slider/slider';
|
|
@import 'components/sticky/sticky';
|
|
@import 'components/subheader/subheader';
|
|
//@import 'components/swipe/swipe';
|
|
@import 'components/switch/switch';
|
|
@import 'components/tabs/tabs';
|
|
//@import 'components/toast/toast';
|
|
@import 'components/toolbar/toolbar';
|
|
@import 'components/tooltip/tooltip';
|
|
@import 'components/virtualRepeat/virtualRepeat';
|
|
@import 'components/whiteframe/whiteframe';
|
|
|
|
// Theme
|
|
//@import '../angular-material/src/components/bottomSheet/bottomSheet-theme';
|
|
//@import '../angular-material/src/components/button/button-theme';
|
|
//@import '../angular-material/src/components/card/card-theme';
|
|
//@import '../angular-material/src/components/checkbox/checkbox-theme';
|
|
//@import '../angular-material/src/components/content/content-theme';
|
|
//@import '../angular-material/src/components/dialog/dialog-theme';
|
|
//@import '../angular-material/src/components/divider/divider-theme';
|
|
//@import '../angular-material/src/components/input/input-theme';
|
|
//@import '../angular-material/src/components/progressCircular/progressCircular-theme';
|
|
//@import '../angular-material/src/components/progressLinear/progressLinear-theme';
|
|
//@import '../angular-material/src/components/radioButton/radio-button-theme';
|
|
//@import '../angular-material/src/components/sidenav/sidenav-theme';
|
|
//@import '../angular-material/src/components/slider/slider-theme';
|
|
//@import '../angular-material/src/components/subheader/subheader-theme';
|
|
//@import '../angular-material/src/components/switch/switch-theme';
|
|
//@import '../angular-material/src/components/tabs/tabs-theme';
|
|
//@import '../angular-material/src/components/textField/textField-theme';
|
|
//@import '../angular-material/src/components/toast/toast-theme';
|
|
//@import '../angular-material/src/components/toolbar/toolbar-theme';
|
|
//@import '../angular-material/src/components/tooltip/tooltip-theme';
|
|
|
|
// @import '../angular-material/src/core/style/color-palette';
|
|
|
|
// COMPONENTS
|
|
// todo : configure manual and glob imports
|
|
@import 'components/pseudo-input/pseudo-input';
|
|
@import 'views/view';
|
|
|
|
// core styles - need to be after components till settings are correctly implemented
|
|
// ------------------------------------------------------------------------------
|
|
@import 'core/base_styles/base_style';
|
|
|
|
// Make sure this is last to override anything else
|
|
@import 'shame';
|
|
|
|
// dev-tools - NOT FOR PRODUCTION
|
|
// ------------------------------------------------------------------------------
|
|
@import 'devtools';
|