commit 00637f85706e5973c0245c676037e1dfdbba0c9f
parent dbcd489d10997dbe8f529adfb673f2d77491e957
Author: Jan Dankert <develop@jandankert.de>
Date: Mon, 8 Mar 2021 13:03:30 +0100
Aligning the button values to the right side.
Diffstat:
3 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/modules/cms/ui/themes/default/style/openrat-button.less b/modules/cms/ui/themes/default/style/openrat-button.less
@@ -2,6 +2,7 @@
.or {
&-button {
+ //position: relative;
// if the button is active, then display the content
&--is-active,
@@ -14,6 +15,9 @@
&-value {
display: none;
+ position: absolute;
+ right: 1em;
+ //top: 0.3em;
}
z-index: 4;
diff --git a/modules/cms/ui/themes/default/style/openrat.css b/modules/cms/ui/themes/default/style/openrat.css
@@ -71,8 +71,10 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
}
.or-button-value {
display: none;
+ position: absolute;
+ right: 1em;
}
-/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22mnt%5C%2Fdata%5C%2Fdankert%5C%2FEntwicklung%5C%2FProjekte%5C%2Fopenrat-cms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-button.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAGI%2CGAAC%3BCAeG%3B%3BAAZA%2CGAHH%2COAGI%2CWAEG%3BAADJ%2CGAJH%2COAII%2CiBAAiB%2CMACd%3BCACE%3B%3BAAKN%2CGAXH%2COAWI%3BCACC%22%7D */
+/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22mnt%5C%2Fdata%5C%2Fdankert%5C%2FEntwicklung%5C%2FProjekte%5C%2Fopenrat-cms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-button.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAGI%2CGAAC%3BCAmBG%3B%3BAAfA%2CGAJH%2COAII%2CWAEG%3BAADJ%2CGALH%2COAKI%2CiBAAiB%2CMACd%3BCACE%3B%3BAAKN%2CGAZH%2COAYI%3BCACC%3BCACA%3BCACA%22%7D */
/* Include style: /default/style/openrat-collapsible */
.or-collapsible {
/* Geschlossen */
diff --git a/modules/cms/ui/themes/default/style/openrat.min.css b/modules/cms/ui/themes/default/style/openrat.min.css
@@ -1,5 +1,5 @@
.or-breadcrumb{margin-left: 1.5em;margin-right: 0.5em}.or-breadcrumb > *{vertical-align: middle;display: inline;margin-right: 0.3em}@media only screen and (min-width: 100rem){.or-breadcrumb-parent{display: none}}.or-breadcrumb-path{display: none}@media only screen and (min-width: 100rem){.or-breadcrumb-path{display: inline}}.or-breadcrumb-text{font-weight: bold;width: 12em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block}@media only screen and (max-width: 55rem){.or-breadcrumb-text{width: 5.5em}}
-.or-button{z-index: 4}.or-button--is-active .or-button-value,.or-button--active-on-hover:hover .or-button-value{display: initial}.or-button-value{display: none}
+.or-button{z-index: 4}.or-button--is-active .or-button-value,.or-button--active-on-hover:hover .or-button-value{display: initial}.or-button-value{display: none;position: absolute;right: 1em}
.or-collapsible .or-collapsible-act-switch{cursor: pointer}.or-collapsible .or-collapsible-value{display: block;transform-origin: top}.or-collapsible .or-collapsible-title{padding-bottom: 0.1em}.or-collapsible--is-closed .or-collapsible--on-closed{display: inline}.or-collapsible--is-closed .or-collapsible--on-open{display: none}.or-collapsible--is-closed .or-collapsible-value{transform: scaleY(0);opacity: 0;max-height: 0;overflow: hidden}.or-collapsible--is-open .or-collapsible-value{transform: scaleY(1)}.or-collapsible--is-open .or-collapsible--on-closed{display: none}.or-collapsible--is-open .or-collapsible--on-open{display: inline}
.or-dialog{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;display: none;height: 100%;flex-direction: row}.or-dialog--is-open{display: flex}.or-dialog-filler{height: 100%;width: 12em;opacity: 0.6;filter: blur(10em)}@media only screen and (max-width: 55rem){.or-dialog-filler{width: 0}}.or-dialog-filler-icon{opacity: 1;font-size: 3em;position: absolute;right: 20px;top: 20px}.or-dialog-content{flex: 1;overflow: auto;height: 100%;z-index: 3}.or-dialog-content .or-view{height: 100%}
.or-diff-line{text-align: right}.or-diff-text--old{background-color: #f88989;color: black}.or-diff-text--new{background-color: #7bad7b;color: black}.or-diff-text--notequal{background-color: #cbcb16;color: black}
