Sha256: 5c684115387dc6930240c3ce4ac7afaec195f982c5b48e19390cb2d6ad545a2c

Contents?: true

Size: 1.38 KB

Versions: 46

Compression:

Stored size: 1.38 KB

Contents

.emulation_mode_button {
  @include background-icon-right($color: #444, $font-size: 16px, $top: 4px);
  @include up-open-icon;
  float: left;
  height: 25px;
  width: 100px;

  &-menu {
    background-color: #fff;
    border: solid 1px #aaa;
    padding: 1px;
    position: absolute;
    bottom: 1px;
    left: 1px;
    visibility: hidden;
    width: 200px;
    z-index: 1;
  }

  &-menu_header {
    margin: 3px 6px;
  }

  &:hover .emulation_mode_button-menu {
    visibility: visible;
  }

  &-display {
    @include background-icon-center($color: #444, $font-size: 16px, $left: 15px);
    display: none;
    padding: 5px 10px 5px 30px;

    &.active {
      display: block;
    }
  }

  &-menu_item {
    @include background-icon-center($color: #444, $font-size: 16px, $left: 15px, $top: 15px);
  }

  &-menu_link {
    padding: 7px 35px 7px 35px;
    display: block;

    &:hover {
      background-color: #eee;
    }
  }

  .active .emulation_mode_button-menu_link {
    @include background-icon-right($color: #444, $font-size: 12px, $right: 15px, $top: 9px);
    @include fa-check-icon;
    pointer-events: none;
  }

  &-disabled_hint {
    display: none;
    font-size: 10px;
  }

  .disabled {
    pointer-events: none;
    opacity: 0.3;

    .emulation_mode_button-disabled_hint {
      display: block;
    }
  }

  &-phone {
    @include mobile-icon;
  }

  &-desktop {
    @include monitor-icon;
  }
}

Version data entries

46 entries across 46 versions & 1 rubygems

Version Path
pageflow-14.5.2 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.2.2 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.2.1 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.2.0 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.2 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.1 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.0 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.0.rc0 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.0.beta6 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.0.beta5 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.0.beta4 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.0.beta3 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.0.beta2 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.1.0.beta1 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.0.2 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.0.1 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.0.0 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-14.5.1 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-14.5.0 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss
pageflow-15.0.0.rc2 app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss