TableWithEditButton.module.scss 586 B

12345678910111213141516171819202122232425262728293031
  1. @use '@growi/core-styles/scss/bootstrap/init' as bs;
  2. /**
  3. * for table with handsontable modal button
  4. */
  5. .editable-with-handsontable {
  6. position: relative;
  7. :global(.handsontable-modal-trigger) {
  8. position: absolute;
  9. top: 8px;
  10. right: 10px;
  11. padding: 0;
  12. font-size: 16px;
  13. line-height: 1;
  14. vertical-align: bottom;
  15. background-color: transparent;
  16. border: none;
  17. opacity: 0;
  18. @include bs.media-breakpoint-down(lg) {
  19. opacity: 0.5;
  20. }
  21. }
  22. }
  23. .editable-with-handsontable:hover {
  24. :global(.handsontable-modal-trigger) {
  25. opacity: 1;
  26. }
  27. }