diff options
Diffstat (limited to 'vendor/oojs/oojs-ui/src/styles/layouts')
11 files changed, 324 insertions, 0 deletions
diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/ActionFieldLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/ActionFieldLayout.less new file mode 100644 index 00000000..2d4c2a66 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/ActionFieldLayout.less @@ -0,0 +1,26 @@ +@import '../common'; + +.oo-ui-actionFieldLayout { + &-field { + display: table; + table-layout: fixed; + width: 100%; + } + + &-input, + &-button { + display: table-cell; + vertical-align: middle; + } + + &-input { + padding-right: 1em; + } + + &-button { + width: 1%; + white-space: nowrap; + } + + .theme-oo-ui-actionFieldLayout(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/BookletLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/BookletLayout.less new file mode 100644 index 00000000..b31cb6d7 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/BookletLayout.less @@ -0,0 +1,43 @@ +@import '../common'; + +.oo-ui-bookletLayout { + &-stackLayout { + &.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { + overflow-y: hidden; + } + + > .oo-ui-panelLayout { + width: 100%; + + .oo-ui-box-sizing(border-box); + + &-scrollable { + overflow-y: auto; + } + + &-padded { + padding: 2em; + } + } + } + + &-outlinePanel { + &-editable > .oo-ui-outlineSelectWidget { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3em; + overflow-y: auto; + } + + > .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + left: 0; + right: 0; + } + } + + .theme-oo-ui-bookletLayout(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/CardLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/CardLayout.less new file mode 100644 index 00000000..4fdb20b2 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/CardLayout.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-cardLayout { + .theme-oo-ui-cardLayout(); +} 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(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/FieldsetLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/FieldsetLayout.less new file mode 100644 index 00000000..726b9310 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/FieldsetLayout.less @@ -0,0 +1,31 @@ +@import '../common'; + +.oo-ui-fieldsetLayout { + position: relative; + + &.oo-ui-iconElement > .oo-ui-iconElement-icon { + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; + } + + &.oo-ui-labelElement > .oo-ui-labelElement-label { + display: inline-block; + } + + > .oo-ui-fieldsetLayout-help { + float: right; + + > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; + } + + .oo-ui-fieldsetLayout-help-content { + padding: 0.5em 0.75em; + line-height: 1.5em; + } + } + + .theme-oo-ui-fieldsetLayout(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/FormLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/FormLayout.less new file mode 100644 index 00000000..7354e4bd --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/FormLayout.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-formLayout { + .theme-oo-ui-formLayout(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/IndexLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/IndexLayout.less new file mode 100644 index 00000000..63f3f146 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/IndexLayout.less @@ -0,0 +1,13 @@ +@import '../common'; + +.oo-ui-indexLayout { + > .oo-ui-menuLayout-menu { + height: 3em; + } + + > .oo-ui-menuLayout-content { + top: 3em; + } + + .theme-oo-ui-indexLayout(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/MenuLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/MenuLayout.less new file mode 100644 index 00000000..c5080e2b --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/MenuLayout.less @@ -0,0 +1,108 @@ +@import '../common'; + +.oo-ui-menuLayout { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + + &-menu, + &-content { + position: absolute; + .oo-ui-transition(all ease-in-out 200ms); + } + + // These are overridden with 'auto' or '0' later + &-menu { + height: 18em; + width: 18em; + } + + // These are overridden with 'auto' or '0' later + &-content { + top: 18em; + left: 18em; + right: 18em; + bottom: 18em; + } + + &.oo-ui-menuLayout-hideMenu { + .oo-ui-menuLayout-menu { + width: 0 !important; + height: 0 !important; + overflow: hidden; + } + + .oo-ui-menuLayout-content { + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; + } + } + + &.oo-ui-menuLayout-showMenu { + &.oo-ui-menuLayout-top { + .oo-ui-menuLayout-menu { + width: auto !important; + left: 0; + top: 0; + right: 0; + } + + .oo-ui-menuLayout-content { + right: 0 !important; + bottom: 0 !important; + left: 0 !important; + } + } + + &.oo-ui-menuLayout-after { + .oo-ui-menuLayout-menu { + height: auto !important; + top: 0; + right: 0; + bottom: 0; + } + + .oo-ui-menuLayout-content { + bottom: 0 !important; + left: 0 !important; + top: 0 !important; + } + } + + &.oo-ui-menuLayout-bottom { + .oo-ui-menuLayout-menu { + width: auto !important; + right: 0; + bottom: 0; + left: 0; + } + + .oo-ui-menuLayout-content { + left: 0 !important; + top: 0 !important; + right: 0 !important; + } + } + + &.oo-ui-menuLayout-before { + .oo-ui-menuLayout-menu { + height: auto !important; + bottom: 0; + left: 0; + top: 0; + } + + .oo-ui-menuLayout-content { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + } + } + } + + .theme-oo-ui-menuLayout(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/PageLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/PageLayout.less new file mode 100644 index 00000000..91aa4571 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/PageLayout.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-pageLayout { + .theme-oo-ui-pageLayout(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/PanelLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/PanelLayout.less new file mode 100644 index 00000000..ed488ed7 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/PanelLayout.less @@ -0,0 +1,19 @@ +@import '../common'; + +.oo-ui-panelLayout { + position: relative; + + &-scrollable { + overflow-y: auto; + } + + &-expanded { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + } + + .theme-oo-ui-panelLayout(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/layouts/StackLayout.less b/vendor/oojs/oojs-ui/src/styles/layouts/StackLayout.less new file mode 100644 index 00000000..6dd4fa79 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/layouts/StackLayout.less @@ -0,0 +1,10 @@ +@import '../common'; + +.oo-ui-stackLayout { + &-continuous > .oo-ui-panelLayout { + display: block; + position: relative; + } + + .theme-oo-ui-stackLayout(); +} |