config-socialhandles.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .social-option .ant-select-item-option-content,
  2. .social-option .ant-select-selection-item,
  3. .social-dropdown .ant-select-item-option-content,
  4. .social-dropdown .ant-select-selection-item {
  5. display: flex;
  6. flex-direction: row;
  7. justify-content: flex-start;
  8. align-items: center;
  9. padding: 0.25em;
  10. line-height: normal;
  11. }
  12. .social-option .ant-select-item-option-content .option-icon,
  13. .social-option .ant-select-selection-item .option-icon,
  14. .social-dropdown .ant-select-item-option-content .option-icon,
  15. .social-dropdown .ant-select-selection-item .option-icon {
  16. height: 1.5em;
  17. width: 1.5em;
  18. line-height: normal;
  19. }
  20. .social-option .ant-select-item-option-content .option-label,
  21. .social-option .ant-select-selection-item .option-label,
  22. .social-dropdown .ant-select-item-option-content .option-label,
  23. .social-dropdown .ant-select-selection-item .option-label {
  24. display: inline-block;
  25. margin-left: 1em;
  26. line-height: normal;
  27. word-break: break-word;
  28. }
  29. .social-links-edit-container .social-handles-table .social-handle-cell {
  30. display: flex;
  31. flex-direction: row;
  32. align-items: center;
  33. justify-content: flex-start;
  34. }
  35. .social-links-edit-container .social-handles-table .social-handle-cell .option-icon {
  36. height: 2em;
  37. width: 2em;
  38. line-height: normal;
  39. }
  40. .social-links-edit-container .social-handles-table .social-handle-cell .option-label {
  41. display: flex;
  42. flex-direction: column;
  43. margin: 0 0 0 1em;
  44. line-height: 2;
  45. font-size: 0.85em;
  46. word-break: break-word;
  47. }
  48. .social-links-edit-container .social-handles-table .actions {
  49. display: flex;
  50. flex-direction: row;
  51. align-items: center;
  52. justify-content: space-evenly;
  53. width: 6em;
  54. }