Нет описания
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

inline.scss 1.6KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. // Inline form editing
  2. // Hide the label and allow the field to take the full width
  3. div.DTE_Inline {
  4. position: relative;
  5. display: table;
  6. width: 100%;
  7. div.DTE_Inline_Field,
  8. div.DTE_Inline_Buttons {
  9. display: table-cell;
  10. vertical-align: middle;
  11. div.DTE_Field {
  12. padding: 0;
  13. >label {
  14. display: none;
  15. }
  16. input[type="color"],
  17. input[type="date"],
  18. input[type="datetime"],
  19. input[type="datetime-local"],
  20. input[type="email"],
  21. input[type="month"],
  22. input[type="number"],
  23. input[type="password"],
  24. input[type="search"],
  25. input[type="tel"],
  26. input[type="text"],
  27. input[type="time"],
  28. input[type="url"],
  29. input[type="week"] {
  30. width: 100%;
  31. }
  32. }
  33. div.DTE_Form_Buttons button {
  34. margin: -6px 0 -6px 4px;
  35. padding: 5px;
  36. }
  37. }
  38. // Have the input types take up full space, taking into account the cell padding
  39. div.DTE_Field input[type="color"],
  40. div.DTE_Field input[type="date"],
  41. div.DTE_Field input[type="datetime"],
  42. div.DTE_Field input[type="datetime-local"],
  43. div.DTE_Field input[type="email"],
  44. div.DTE_Field input[type="month"],
  45. div.DTE_Field input[type="number"],
  46. div.DTE_Field input[type="password"],
  47. div.DTE_Field input[type="search"],
  48. div.DTE_Field input[type="tel"],
  49. div.DTE_Field input[type="text"],
  50. div.DTE_Field input[type="time"],
  51. div.DTE_Field input[type="url"],
  52. div.DTE_Field input[type="week"] {
  53. margin: -6px 0;
  54. }
  55. div.DTE_Field_Error,
  56. div.DTE_Form_Error {
  57. font-size: 11px;
  58. line-height: 1.2em;
  59. padding: 0;
  60. margin-top: 10px;
  61. &:empty {
  62. margin-top: 0;
  63. }
  64. }
  65. }
  66. // Responsive integration
  67. span.dtr-data div.DTE_Inline {
  68. display: inline-table;
  69. }