You are here

Home » API reference » YAML Form 8

yamlform_ui.module.css in YAML Form 8

Form UI styling

File

modules/yamlform_ui/css/yamlform_ui.module.css
View source 
  1. /**

  2.  * @file

  3.  * Form UI styling

  4.  */

  5. 

  6. /**

  7.  * Local actions.

  8.  */

  9. .yamlform-ui-local-actions .button,

  10. .yamlform-ui-local-actions .button:first-child {

  11.   margin-left: 0;

  12.   margin-right: 1em;

  13. }

  14. 

  15. /**

  16.  * Tables

  17.  */

  18. table .ajax-progress-throbber {

  19.   display: none;

  20. }

  21. 

  22. th.yamlform-ui-element-operations {

  23.   width: 140px;

  24. }

  25. 

  26. thead th .dropbutton {

  27.   text-transform: none;

  28. }

  29. 

  30. /**

  31.  * Elements (/admin/structure/yamlform/manage/{yamlform})

  32.  */

  33. .yamlform-ui-elements-table .button {

  34.   white-space: nowrap;

  35. }

  36. 

  37. .yamlform-ui-elements-table .form-type-checkbox {

  38.   text-align: center;

  39. }

  40. 

  41. .yamlform-ui-elements-table .yamlform-ui-element-required {

  42.   width: 10%;

  43. }

  44. 

  45. .yamlform-ui-elements-table tr:first-child {

  46.   border-top: inherit !important;

  47. }

  48. .yamlform-ui-elements-table tr.yamlform-ui-element-type-yamlform_wizard_page {

  49.   border-top: 2px solid #a6a6a6;

  50. }

  51. 

  52. .yamlform-ui-elements-table tr.yamlform-ui-element-type-yamlform_flexbox {

  53.   border-top: 2px dotted #a6a6a6;

  54.   font-weight: bold;

  55. }

  56. 

  57. .yamlform-ui-elements-table tr.yamlform-ui-element-type-details,

  58. .yamlform-ui-elements-table tr.yamlform-ui-element-type-fieldset {

  59.   border-top: 2px dashed #a6a6a6;

  60.   font-weight: bold;

  61. }