openaire-library/notifications/notifications-sidebar/notification-sidebar.component.less

@import (reference) "~src/assets/openaire-theme/less/_import-variables";
@import (optional) "~src/assets/extend-theme/less/_import-variables";

#notifications-switcher {
  top: 480px !important;
}

#notifications .notification-list {
  padding: 0 @global-medium-gutter;
}

#notifications .notification-list:not(:last-child) {
  height: 45vh;
  border-bottom: @global-border-width solid @global-border;
  overflow: hidden;
}

#notifications .notification-list ul {
  overflow: auto;
  padding: 20px @global-medium-gutter 20px 0;
  height: calc(100% - 150px);
}

#notifications .notification-list ul > li:nth-child(n+2){
  margin-top: 15px;
}

#notifications .notify {
  padding: 20px @global-medium-gutter;
}

#notifications .notification {
  padding: 0 @global-medium-gutter @global-medium-gutter @global-medium-gutter;
  overflow: auto;
}