alfresco-ng2-components/lib/core/notifications/components/notification-history.component.scss
dependabot[bot] 28bdab1146
Bump stylelint from 13.13.1 to 14.2.0 (#7431)
* Bump stylelint from 13.13.1 to 14.2.0

Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.13.1 to 14.2.0.
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/13.13.1...14.2.0)

---
updated-dependencies:
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* upgrade to newest stylelint

* fix style issues

* fix color function rules to match old Angular

* rollback modern color func

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Denys Vuika <denys.vuika@gmail.com>
2022-01-05 09:21:09 +00:00

72 lines
1.5 KiB
SCSS

.adf {
&-notification-history-menu_button.mat-button {
margin-right: 0;
border-radius: 90%;
padding: 0;
min-width: 40px;
height: 40px;
}
&-notification-history-list .mat-subheader {
justify-content: space-between;
}
&-notification-history-menu {
&-item {
cursor: pointer;
}
&-item:focus {
outline: none;
background: var(--theme-bg-hover-color);
}
&-item:hover {
background-color: var(--theme-bg-hover-color);
}
&-message,
&-no-message {
font-size: 13px !important;
}
&-date {
font-size: 12px !important;
}
&-initiator {
margin: 4px;
}
}
&-notification-initiator-pic {
min-width: 40px;
background: var(--theme-accent-color);
display: inline-block;
height: 40px;
border-radius: 100px;
text-align: center;
font-weight: bolder;
font-size: 18px;
text-transform: uppercase;
vertical-align: middle;
line-height: 40px;
color: var(--theme-colors-mat-grey);
}
&-notification-history-load-more {
display: flex;
justify-content: center;
padding: 10px;
}
}
.mat-menu-panel.adf-notification-history-menu {
min-width: 320px;
max-height: 500px;
.mat-menu-content {
padding: 0;
}
}