You are here

Home » API reference » YAML Form 8

yamlform.element.states.css in YAML Form 8

States element styles.

File

css/yamlform.element.states.css
View source 
  1. /**

  2.  * @file

  3.  * States element styles.

  4.  */

  5. 

  6. .yamlform-states-table td {

  7.   white-space: nowrap;

  8. }

  9. 

  10. .yamlform-states-table--state {

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

  12. }

  13. 

  14. .yamlform-states-table--state:first-child {

  15.   border-top: inherit;

  16. }

  17. 

  18. .yamlform-states-table--state td select {

  19.   width: inherit;

  20.   max-width: inherit;

  21. }

  22. 

  23. .yamlform-states-table--state td:first-child select,

  24. .yamlform-states-table--condition select,

  25. .yamlform-states-table--condition input[type="text"] {

  26.   width: 100%;

  27.   max-width: 100%;

  28. }

  29. 

  30. .yamlform-states-table .image-button {

  31.   margin: 0;

  32. }

  33. 

  34. .yamlform-states-table th:last-child,

  35. .yamlform-states-table td:last-child {

  36.   padding: 0 2px;

  37.   vertical-align: middle;

  38.   text-align: center !important;

  39.   width: 60px !important;

  40. }

  41. 

  42. .yamlform-states-table td:last-child input {

  43.   margin: 0 2px;

  44. }

  45. 

  46. .yamlform-states-table td:last-child input {

  47.   opacity: 0.4;

  48. }

  49. 

  50. .yamlform-states-table td:last-child input:hover,

  51. .yamlform-states-table td:last-child input:focus,

  52. .yamlform-states-table td:last-child input:active {

  53.   opacity: 1;

  54.   background: none;

  55. }

  56. 

  57. /**

  58.  * Hide AJAX throbber.

  59.  */

  60. .form-type-yamlform-element-states .ajax-progress-throbber {

  61.   display: none;

  62. }

  63. 

  64. /**

  65.  * Suppress table drag warnings.

  66.  */

  67. .yamlform-states-table .tabledrag-changed-warning,

  68. .yamlform-states-table .tabledrag-changed {

  69.   display: none !important;

  70. }