Sha256: da397c26a9b0f21d6a8c3eead620056add4be30ff0f455f0141edbdf7f6cb7cc

Contents?: true

Size: 1.86 KB

Versions: 11

Compression:

Stored size: 1.86 KB

Contents

.notifications {
  border-bottom: solid 1px var(--ui-on-surface-color-lightest);
  color: var(--ui-on-surface-color-light);
  font-size: 11px;

  margin: -10px -10px 10px -10px;

  &.uploading li.uploading,
  &.saving li.saving,
  &.failed li.failed,
  &.has_confirmable_files li.confirmable_files {
    display: block;
  }

  &.uploading li.saved,
  &.saving li.saved,
  &.failed li.saved,
  &.saving li.failed,{
    display: none;
  }

  .count {
    font-weight: bold;
  }

  .display_confirmable_files,
  .retry {
    text-decoration: underline;
  }

  .display_confirmable_files {
    display: block;
    margin: 8px 0;
  }

  li {
    @include background-icon-left($font-size: 15px, $left: 15px, $color: var(--ui-primary-color-light));
    padding: 4px 10px 4px 35px;
  }

  li.uploading {
    @include background-icon-animation(blink);
    @include background-icon-color(var(--ui-primary-color-light));
    @include up-bold-icon;
    color: var(--ui-primary-color-light);
    display: none;
  }

  li.saving {
    @include background-icon-animation(blink);
    @include background-icon-color(var(--ui-primary-color-light));
    @include arrows-ccw-icon;
    color: var(--ui-primary-color-light);
    display: none;
  }

  li.failed {
    @include background-icon-animation(blink);
    @include background-icon-color(var(--ui-error-color));
    @include attention-icon;
    color: var(--ui-primary-color-light);
    display: none;
  }

  li.confirmable_files {
    @include background-icon-left($font-size: 15px, $top: 15px, $left: 15px, $color: var(--ui-primary-color));
    @include background-icon-animation(blink);
    @include bell-icon;
    margin: space(1) space(1) space(1) 0;
    background-color: var(--ui-selection-color-lighter);
    border-radius: rounded(md);
    color: var(--ui-on-surface-color);
    padding-top: 8px;
    display: none;
  }

  li.saved {
    @include check-icon;
  }
}

Version data entries

11 entries across 11 versions & 1 rubygems

Version Path
pageflow-17.0.4 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-17.0.3 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-17.0.2 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-17.0.1 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-17.0.0 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-16.2.0 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-16.1.0 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-16.0.0 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-15.8.0 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-15.7.1 app/assets/stylesheets/pageflow/editor/notifications.scss
pageflow-15.7.0 app/assets/stylesheets/pageflow/editor/notifications.scss