You are here

field-list.css in General Data Protection Regulation 8

.notes:before {
  content: attr(data-icon);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  font-size: 2em;
}

.notes + div {
  float: right;
  margin-top: -3em;
  position: absolute;
  z-index: 3;
  display: none;
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
  min-width: 200px;
}

.notes:hover + div,
.notes + div:hover {
  display: inline-block;
}

File

modules/gdpr_fields/css/field-list.css
View source
  1. .notes:before {
  2. content: attr(data-icon);
  3. font-weight: bold;
  4. display: inline-block;
  5. width: 1em;
  6. font-size: 2em;
  7. }
  8. .notes + div {
  9. float: right;
  10. margin-top: -3em;
  11. position: absolute;
  12. z-index: 3;
  13. display: none;
  14. border: 1px solid #ccc;
  15. background: #fff;
  16. padding: 10px;
  17. min-width: 200px;
  18. }
  19. .notes:hover + div,
  20. .notes + div:hover {
  21. display: inline-block;
  22. }