Sha256: 99441972ffe13c37a573b4e4b95fbc27399bb3782bc19095724cb765470642b3

Contents?: true

Size: 1.88 KB

Versions: 20

Compression:

Stored size: 1.88 KB

Contents

.editor {
  @import "./editor/inputs/area_mask";
  @import "./editor/areas_list";
  @import "./editor/select_area_position_hint";
}

.linkmap_areas {
  @import "./editor/resizable";
  @import "./editor/action_buttons";
  @import "./editor/masks_preview";
  @import "./editor/area_outlines";

  .area_type_pictogram {
    @include background-icon-center($color: #fff);
    @include link-icon;
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 3;
  }

  .page_area,
  .external_site_area,
  .text_only_area {
    .linkmap_audio_player_controls {
      display: none !important;
    }
  }

  &.editable {
    pointer-events: all;

    .click_trap {
      cursor: default;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 4;
    }

    .hover_area {
      z-index: 2;
    }

    .without_mask.selected .click_trap {
      cursor: move;
    }

    .hover_area.selected {
      z-index: 3;

      .area_type_pictogram {
        display: block;
      }

      &.editing .area_type_pictogram {
        display: none;
      }

      &:before,
      &:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        @include box-sizing(border-box);
      }

      &:before {
        border: solid 2px #000;
      }

      &:after {
        border: solid 2px #fff;
        @include animation(blink 3s linear infinite);
      }
    }

    .audio_file_area {
      &:before {
        border-color: #006add;
      }

      .area_type_pictogram {
        @include note-icon;
      }
    }

    .text_only_area {
      &:before {
        border-color: pink;
      }

      .area_type_pictogram {
        @include feather-icon;
      }
    }
  }
}

Version data entries

20 entries across 20 versions & 1 rubygems

Version Path
pageflow-linkmap-page-2.10.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.9.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.8.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.7.1 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.7.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.6.1 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.6.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.5.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.4.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.3.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.2.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-1.5.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.1.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-1.4.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-2.0.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-1.3.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-1.2.1 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-1.2.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-1.1.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss
pageflow-linkmap-page-1.0.0 app/assets/stylesheets/pageflow/linkmap_page/editor.scss