diff options
Diffstat (limited to 'vendor/oojs/oojs-ui/src/styles/layouts/FieldLayout.less')
| -rw-r--r-- | vendor/oojs/oojs-ui/src/styles/layouts/FieldLayout.less | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/FieldLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/FieldLayout.less new file mode 100644 index 00000000..799f9f4b --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/FieldLayout.less @@ -0,0 +1,59 @@ +@import '../common'; + +.oo-ui-fieldLayout { + display: block; + + &:before, + &:after { + content: " "; + display: table; + } + + &:after { + clear: both; + } + + &.oo-ui-fieldLayout-align-left, + &.oo-ui-fieldLayout-align-right { + > .oo-ui-fieldLayout-body { + > .oo-ui-labelElement-label, + > .oo-ui-fieldLayout-field { + display: block; + float: left; + } + } + } + + &.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + text-align: right; + } + + &.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { + display: table; + + > .oo-ui-labelElement-label, + > .oo-ui-fieldLayout-field { + display: table-cell; + vertical-align: middle; + } + } + + &.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + display: inline-block; + } + + > .oo-ui-fieldLayout-help { + float: right; + + > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; + } + + .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; + line-height: 1.5em; + } + } + + .theme-oo-ui-fieldLayout(); +} |