sul-dlss/SearchWorks

View on GitHub
app/assets/stylesheets/modules/bookmarks.scss

Summary

Maintainability
Test Coverage
 // Note that Blacklight uses .toggle-bookmark at three different levels!
div.toggle-bookmark {
  label.toggle-bookmark {
    min-width: 0; // override blacklight
    cursor: pointer;

    input.toggle-bookmark {
      margin-right: 3px;
    }

    span {
      font-size: 0.9em;
      display: inline-block;
      margin-bottom: 4px;
      vertical-align: middle;
    }
  }
}

// Note this is same as above, but with a slightly modified className
// This is for the bookmark checkboxes in the browse section.
div.browse-toggle-bookmark {
  label.browse-toggle-bookmark {
    cursor: pointer;

    input.browse-toggle-bookmark {
      margin-right: 3px;
    }

    span {
      font-size: 0.9em;
      display: inline-block;
      margin-bottom: 4px;
      vertical-align: middle;
    }
  }
}

.index-document-functions {
  text-align: right;
}

#select_all-dropdown {
  min-width: 7.5em;
  text-align: left;

  .unselect-all {
    display: none;
  }

  .select-all, .unselect-all {
    i.fa {
      margin-right: 2px;
    }
  }
}

.selections-nav {
  h2 {
    border-bottom: 0;
    display: inline;
  }

  a:hover, a:focus, a:active {
    border: 1px solid transparent;
  }
}