Matteo Pagliazzi
33b249d078
* Added initial bailey api
* wip
* implement new panel header
* Fixed lint
* add ability to mark notification as seen
* add notification count, remove top badge from user and add ability to mark multiple notifications as seen
* add support dismissall and mark all as read
* do not dismiss actionable notif
* mark as seen when menu is opened instead of closed
* implement ordering, list of actionable notifications
* add groups messages and fix badges count
* add notifications for received cards
* send card received notification to target not sender
* rename notificaion field
* fix integration tests
* mark cards notifications as read and update tests
* add mystery items notifications
* add unallocated stats points notifications
* fix linting
* simplify code
* refactoring and fixes
* fix dropdown opening
* start splitting notifications into their own component
* add notifications for inbox messages
* fix unit tests
* fix default buttons styles
* add initial bailey support
* add title and tests to new stuff notification
* add notification if a group task needs more work
* add tests and fixes for marking a task as needing more work
* make sure user._v is updated
* remove console.log
* notification: hover status and margins
* start styling notifications, add separate files and basic functionalities
* fix tests
* start adding mystery items notification
* wip card notification
* fix cards text
* initial implementation inbox messages
* initial implementation group messages
* disable inbox notifications until mobile is ready
* wip group chat messages
* finish mystery and card notifications
* add bailey notification and fix a lot of stuff
* start adding guilds and parties invitations
* misc invitation fixes
* fix lint issues
* remove old code and add key to notifications
* fix tests
* remove unused code
* add link for public guilds invite
* starts to implement needs work notification design and feature
* fixes to needs work, add group task approved notification
* finish needs work feature
* lots of fixes
* implement quest notification
* bailey fixes and static page
* routing fixes
* fixes # this.$store.dispatch(guilds:join, {groupId: group.id, type: party});
* read notifications on click
* chat notifications
* fix tests for chat notifications
* fix chat notification test
* fix tests
* fix tests (again)
* try awaiting
* remove only
* more sleep
* add bailey tests
* fix icons alignment
* fix issue with multiple points notifications
* remove merge code
* fix rejecting guild invitation
* make remove area bigger
* fix error with notifications and add migration
* fix migration
* fix typos
* add cleanup migration too
* notifications empty state, new counter color, fix marking messages as seen in guilds
* fixes
* add image and install correct packages
* fix mongoose version
* update bailey
* typo
* make sure chat is marked as read after other requests
100 lines
1.6 KiB
SCSS
100 lines
1.6 KiB
SCSS
.dropdown > .btn {
|
|
padding: 9px 15.5px;
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 1.43;
|
|
}
|
|
|
|
.dropdown.show > .dropdown-toggle:not(.btn-success) {
|
|
color: $purple-200;
|
|
border-color: $purple-500 !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.dropdown-toggle::after {
|
|
margin-left: 16px;
|
|
border-top: 6px solid;
|
|
border-right: 5px solid transparent;
|
|
border-left: 5px solid transparent;
|
|
vertical-align: 0;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
padding: 0px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 2px 0 rgba($black, 0.15), 0 1px 4px 0 rgba($white, 0.1);
|
|
}
|
|
|
|
.dropdown-item {
|
|
padding-left: 24px;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
font-size: 14px;
|
|
line-height: 1.71;
|
|
color: $gray-50;
|
|
cursor: pointer;
|
|
|
|
&:focus {
|
|
outline: none;
|
|
background-color: inherit;
|
|
}
|
|
|
|
&:active, &:hover, &.active {
|
|
background-color: rgba(#d5c8ff, 0.32);
|
|
color: $purple-200;
|
|
}
|
|
|
|
&.dropdown-inactive {
|
|
cursor: default;
|
|
|
|
&:active, &:hover, &.active {
|
|
background-color: inherit;
|
|
color: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
.dropdown + .dropdown {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.dropdown-label {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
line-height: 1.43;
|
|
color: $gray-10;
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.dropdown-icon-item {
|
|
.svg-icon {
|
|
margin: 0px 16px 0px 0px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.text {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
.inline-dropdown {
|
|
width: 100%;
|
|
|
|
.dropdown-toggle {
|
|
width: 100% !important;
|
|
text-align: left;
|
|
}
|
|
|
|
.dropdown-toggle::after {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 17px;
|
|
}
|
|
|
|
.dropdown-menu.show {
|
|
width: 100% !important;
|
|
}
|
|
} |