You are here

color.admin.css in Open Social 10.2.x

.form-type-vertical-tabs .color-form .form-item {
  height: auto;
}

.form-type-vertical-tabs .color-form label {
  float: none;
  clear: left;
  display: inline-block;
}

.form-type-vertical-tabs .color-form .form-select,
.form-type-vertical-tabs .color-form .form-text {
  float: none;
  display: inline-block;
}

.form-type-vertical-tabs button.color-palette__lock,
.color-palette__lock,
.form-type-vertical-tabs .color-palette__hook {
  display: none;
}

.color-form .color-palette .form-item,
.color-form .form-item.form-item--scheme {
  display: flex;
  align-items: center;
  height: auto;
}

@media(max-width: 767px) {
  .color-form .color-palette .form-item,
  .color-form .form-item.form-item--scheme {
    align-items: flex-start;
    flex-direction: column;
  }

  .color-form .color-palette .form-item .form-text,
  .color-form .form-item.form-item--scheme .form-text {
    width: 100%;
  }
}

.color-form .color-palette .form-item label,
.color-form .form-item.form-item--scheme label {
  float: none;
}

File

modules/custom/improved_theme_settings/css/color.admin.css
View source
  1. .form-type-vertical-tabs .color-form .form-item {
  2. height: auto;
  3. }
  4. .form-type-vertical-tabs .color-form label {
  5. float: none;
  6. clear: left;
  7. display: inline-block;
  8. }
  9. .form-type-vertical-tabs .color-form .form-select,
  10. .form-type-vertical-tabs .color-form .form-text {
  11. float: none;
  12. display: inline-block;
  13. }
  14. .form-type-vertical-tabs button.color-palette__lock,
  15. .color-palette__lock,
  16. .form-type-vertical-tabs .color-palette__hook {
  17. display: none;
  18. }
  19. .color-form .color-palette .form-item,
  20. .color-form .form-item.form-item--scheme {
  21. display: flex;
  22. align-items: center;
  23. height: auto;
  24. }
  25. @media(max-width: 767px) {
  26. .color-form .color-palette .form-item,
  27. .color-form .form-item.form-item--scheme {
  28. align-items: flex-start;
  29. flex-direction: column;
  30. }
  31. .color-form .color-palette .form-item .form-text,
  32. .color-form .form-item.form-item--scheme .form-text {
  33. width: 100%;
  34. }
  35. }
  36. .color-form .color-palette .form-item label,
  37. .color-form .form-item.form-item--scheme label {
  38. float: none;
  39. }