Sha256: 48d2c4ccc516df902e418f47255e978796fad16dfa01be6eb03e517b9b0fe3e2

Contents?: true

Size: 1.43 KB

Versions: 104

Compression:

Stored size: 1.43 KB

Contents

.pg--notifications-bell--tooltip {
  position: relative;
  background-color: #99570b;
  padding: 4px;
  z-index: 10;
  border-radius: 2px;
}
.pg--notifications-bell--tooltip::after {
  content: '';
  color: white;
  display: block;
  position: absolute;
  right: -9px;
  top: 3px;
  border-color: transparent;
  border-left-color: #99570b;
  border-style: solid;
  border-top-width: 0.7rem;
  border-bottom-width: 0.7rem;
  border-left-width: 0.7rem;
  z-index: -1;
}

#notifications {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  background-color: $primary;
  padding: 1.5em 1em;
}

#notifications-inner {
  width: 100%;
  max-width: 40em;
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
.notification {
  border: 1px solid #0003;
  border-radius: 2px;
  position: relative;
  padding: 0.5em;
  display: flex;
  align-items: stretch;
  background-color: white;

  figcaption {
    display: none;
  }
}
.notification:not(.unseen) {
  xcolor: #646464;
}
.notification.unseen {
  background-color: rgb(230, 225, 251);
}
.notification.unseen .notification--time::before {
  content: '';
  padding: 5px;
  right: 0.4em;
  top: 0.4em;
  position: absolute;
  background-color: #079510;
  border-radius: 50%;
}
.notifications-unseen-mark {
  border: 1px solid #ffffff9d;
  //background-color: #ea3d2b !important;
  background-color: #079510;
}
.notification--time {
  font-size: 0.8em;
  min-width: 6em;
  padding-top: 0.9em;
}

Version data entries

104 entries across 104 versions & 1 rubygems

Version Path
pg_rails-7.6.35 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.34 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.33 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.32 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.31 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.30 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.29 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.28 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.27 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.26 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.25 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.24 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.24.pre.5 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.24.pre.4 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.24.pre.3 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.23 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.22 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.22.pre.3 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.22.pre.2 pg_engine/app/assets/stylesheets/notifications.scss
pg_rails-7.6.22.pre.1 pg_engine/app/assets/stylesheets/notifications.scss