summaryrefslogtreecommitdiffstats
path: root/public
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-14 13:23:33 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-14 13:23:33 +0000
commitd9964dcfaabff6a6f77628766b6aa6733504debd (patch)
treeddaef95c1421ca7e77b3e2ecb0b4efa550312316 /public
parentReleasing progress-linux version 0.20.0-2~progress7.99u1. (diff)
downloadicingaweb2-module-incubator-d9964dcfaabff6a6f77628766b6aa6733504debd.tar.xz
icingaweb2-module-incubator-d9964dcfaabff6a6f77628766b6aa6733504debd.zip
Merging upstream version 0.22.0.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'public')
-rw-r--r--public/css/combined.less464
1 files changed, 232 insertions, 232 deletions
diff --git a/public/css/combined.less b/public/css/combined.less
index 422a94c..75c5fc3 100644
--- a/public/css/combined.less
+++ b/public/css/combined.less
@@ -131,6 +131,23 @@
}
}
}
+form.gipfl-quicksearch {
+ display: block;
+ input.search {
+ width: 8em;
+ min-width: unset;
+ border: none;
+ background-color: inherit;
+ padding-left: 2em;
+ margin-left: 1.5em;
+ font-size: 0.75em;
+ font-weight: normal;
+ &:focus {
+ width: 16em;
+ border: none;
+ }
+ }
+}
div.gipfl-action-bar {
> * {
vertical-align: middle;
@@ -236,31 +253,6 @@ div.gipfl-action-bar > ul {
}
}
/** END of dropdown in action bar **/
-form.gipfl-quicksearch {
- display: block;
- input.search {
- width: 8em;
- min-width: unset;
- border: none;
- background-color: inherit;
- padding-left: 2em;
- margin-left: 1.5em;
- font-size: 0.75em;
- font-weight: normal;
- &:focus {
- width: 16em;
- border: none;
- }
- }
-}
-@gipfl-color-low-sat-blue: #dae3e6;
-// map Icinga vars, to avoid warnings in other files
-@gipfl-color-main: @icinga-blue;
-@gipfl-color-text: @text-color;
-@gipfl-color-gray-light: @gray-light;
-@gipfl-bg-element: #f2f1f0;
-@gipfl-bg-element: @low-sat-blue;
-@gipfl-icon-font: 'ifont';
/**
* Lightweight support for small collapsible components
*
@@ -316,159 +308,6 @@ ul.gipfl-collapsible {
line-height: 2em;
}
}
-/**
- * State Hints
- *
- * @since v0.6.0
- */
-div.gipfl-widget-hint {
- border: 1px solid @text-color;
- padding: 0.5em;
- line-height: 2em;
- max-width: 60em;
- border-left-width: 3em;
- border-radius: 0.25em;
- margin-bottom: 1em;
- background-color: @body-bg-color;
- box-shadow: fade(@text-color, 30%) 1em 0 1.5em 0;
- &:before {
- position: relative;
- margin-left: -1.4em;
- margin-right: 0.5em;
- height: 100%;
- vertical-align: middle;
- font-family: 'ifont';
- color: white;
- font-size: 2em;
- }
- &.ok {
- border-color: @color-ok;
- box-shadow: fade(@color-ok, 30%) 1em 0 1.5em 0;
- }
- &.info {
- border-color: @color-pending;
- box-shadow: fade(@color-pending, 30%) 1em 0 1.5em 0;
- }
- &.warning {
- border-color: @color-warning;
- box-shadow: fade(@color-warning, 30%) 1em 0 1.5em 0;
- }
- &.error {
- border-color: @color-critical;
- box-shadow: fade(@color-critical, 30%) 1em 0 1.5em 0;
- }
- &.critical:before, &.error:before {
- content: '\e881';
- }
- &.warning:before {
- content: '\e881';
- }
- &.info:before {
- content: '\e87d';
- }
- &.ok:before {
- content: '\e803';
- }
- a {
- text-decoration: underline;
- }
-}
-table.gipfl-name-value-table {
- width: 100%;
- > tbody > tr > th {
- color: @text-color-light;
- // Reset default font-weight
- font-weight: bold;
- padding-left: 0;
- text-align: right;
- vertical-align: top;
- width: 12em;
- }
- > tbody > tr > td {
- vertical-align: top;
- }
-}
-
-table.gipfl-name-value-table a {
- color: @icinga-blue;
-}
-
-table.gipfl-name-value-table pre {
- background-color: transparent;
- margin: 0;
- padding: 0;
- font-size: unset;
- display: inline;
-}
-form.gipfl-form {
- input[type="submit"] {
- margin-right: 0.5em;
- }
- input[type="submit"]:first-of-type {
- background-color: @icinga-blue;
- color: @text-color-inverted;
- border: 2px solid @icinga-blue;
- font-weight: bold;
- }
-
- select:not([multiple]) {
- padding-right: 1.5625em;
- background-image: url(../img/select-icon.svg);
- background-repeat: no-repeat;
- background-position: right center;
- background-size: contain;
- }
-
- input.validated {
- background-color: fade(@color-ok, 30%);
- border-color: @color-ok;
- }
-
- :not(output):-moz-ui-invalid, :not(output).invalid {
- background-color: fade(@color-critical, 30%);
- border-color: @color-critical;
- box-shadow: none;
- }
-
- input[type=text].input-with-button {
- max-width: 30em;
- min-width: 18em;
- width: 80%;
- margin: 0;
- border-top-right-radius: unset;
- border-bottom-right-radius: unset;
- border-right-style: none;
- &:focus {
- border-right-style: none;
- }
- }
-
- input[type=submit].input-element-related-button {
- width: 20%;
- max-width: 6em;
- background-color: @icinga-blue;
- color: @text-color-inverted;
- border: 1px solid @icinga-blue;
- border-radius: 0 3px 3px 0;
- -moz-border-radius: 0 3px 3px 0;
- -webkit-border-radius: 0 3px 3px 0;
- line-height: 2em;
- height: 2.4em;
- padding: 0;
- margin: 0 1em 0 0;
- &:hover {
- background-color: @text-color-inverted;
- color: @icinga-blue;
- border-color: @icinga-blue;
- }
- }
- p.gipfl-widget-hint {
- max-width: 52.5em;
- }
- p.gipfl-element-description {
- max-width: 36em;
- }
-}
form.gipfl-form {
label {
line-height: 2em;
@@ -808,67 +647,97 @@ form.gipfl-form {
}
}
-#layout.minimal-layout div.content form.gipfl-form {
- ul.extensible-set {
- max-width: unset;
- border: 1px solid @gray-light;
- }
-
- dd.active ul.extensible-set {
- border: 1px solid @icinga-blue;
-
- input[type=submit]:first-of-type {
- border-width: 1px;
+@gipfl-color-low-sat-blue: #dae3e6;
+// map Icinga vars, to avoid warnings in other files
+@gipfl-color-main: @icinga-blue;
+@gipfl-color-text: @text-color;
+@gipfl-color-gray-light: @gray-light;
+@gipfl-bg-element: #f2f1f0;
+@gipfl-bg-element: @low-sat-blue;
+@gipfl-icon-font: 'ifont';
+/**
+ * State Hints
+ *
+ * @since v0.6.0
+ */
+div.gipfl-widget-hint {
+ border: 1px solid @text-color;
+ padding: 0.5em;
+ line-height: 2em;
+ max-width: 60em;
+ border-left-width: 3em;
+ border-radius: 0.25em;
+ margin-bottom: 1em;
+ background-color: @body-bg-color;
+ box-shadow: fade(@text-color, 30%) 1em 0 1.5em 0;
+ &:before {
+ position: relative;
+ margin-left: -1.4em;
+ margin-right: 0.5em;
+ height: 100%;
+ vertical-align: middle;
+ font-family: 'ifont';
+ color: white;
+ font-size: 2em;
}
- }
-
- dd input.related-action[type='submit'] {
- display: none;
- }
-
- dd.active li.active input.related-action[type='submit'] {
- display: inline-block;
- }
-
- dd.active ul.extensible-set, ul.extensible-set.sortable {
- input[type=text], select {
- width: 100%;
+ &.ok {
+ border-color: @color-ok;
+ box-shadow: fade(@color-ok, 30%) 1em 0 1.5em 0;
}
-
- input[type=text] {
- // background-color: white;
- border: 1px solid white;
+ &.info {
+ border-color: @color-pending;
+ box-shadow: fade(@color-pending, 30%) 1em 0 1.5em 0;
}
+ &.warning {
+ border-color: @color-warning;
+ box-shadow: fade(@color-warning, 30%) 1em 0 1.5em 0;
+ }
+ &.error {
+ border-color: @color-critical;
+ box-shadow: fade(@color-critical, 30%) 1em 0 1.5em 0;
+ }
+ &.critical:before, &.error:before {
+ content: '\e881';
+ }
+ &.warning:before {
+ content: '\e881';
+ }
+ &.info:before {
+ content: '\e87d';
+ }
+ &.ok:before {
+ content: '\e803';
+ }
+ a {
+ text-decoration: underline;
+ }
+}
+table.gipfl-name-value-table {
+ width: 100%;
+ > tbody > tr > th {
+ color: @text-color-light;
+ // Reset default font-weight
+ font-weight: bold;
+ padding-left: 0;
+ text-align: right;
+ vertical-align: top;
+ width: 12em;
+ }
+ > tbody > tr > td {
+ vertical-align: top;
}
}
-form.gipfl-inline-form {
- display: inline-block;
- select {
- width: auto;
- min-width: unset;
- max-width: unset;
- border: none;
- padding: 0 0.5em;
- margin: 0;
- line-height: unset;
- box-sizing:border-box;
- height: 1.5em;
- &:hover {
- border: none;
- }
+table.gipfl-name-value-table a {
+ color: @icinga-blue;
+}
- &:focus {
- border: none;
- }
- }
- input[type=submit] {
- padding: 0 0.25em;
- margin: 0 1em 0 0;
- border: none;
- line-height: unset;
- box-sizing: border-box;
- }
+table.gipfl-name-value-table pre {
+ background-color: transparent;
+ margin: 0;
+ padding: 0;
+ font-size: unset;
+ display: inline;
}
.Differences {
width: 100%;
@@ -967,3 +836,134 @@ form.gipfl-inline-form {
.DifferencesInline .ChangeReplace del {
background: #e99;
}
+form.gipfl-form {
+ input[type="submit"] {
+ margin-right: 0.5em;
+ }
+ input[type="submit"]:first-of-type {
+ background-color: @icinga-blue;
+ color: @text-color-inverted;
+ border: 2px solid @icinga-blue;
+ font-weight: bold;
+ }
+
+ select:not([multiple]) {
+ padding-right: 1.5625em;
+ background-image: url(../img/select-icon.svg);
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-size: contain;
+ }
+
+ input.validated {
+ background-color: fade(@color-ok, 30%);
+ border-color: @color-ok;
+ }
+
+ :not(output):-moz-ui-invalid, :not(output).invalid {
+ background-color: fade(@color-critical, 30%);
+ border-color: @color-critical;
+ box-shadow: none;
+ }
+
+ input[type=text].input-with-button {
+ max-width: 30em;
+ min-width: 18em;
+ width: 80%;
+ margin: 0;
+ border-top-right-radius: unset;
+ border-bottom-right-radius: unset;
+ border-right-style: none;
+ &:focus {
+ border-right-style: none;
+ }
+ }
+
+ input[type=submit].input-element-related-button {
+ width: 20%;
+ max-width: 6em;
+ background-color: @icinga-blue;
+ color: @text-color-inverted;
+ border: 1px solid @icinga-blue;
+ border-radius: 0 3px 3px 0;
+ -moz-border-radius: 0 3px 3px 0;
+ -webkit-border-radius: 0 3px 3px 0;
+ line-height: 2em;
+ height: 2.4em;
+ padding: 0;
+ margin: 0 1em 0 0;
+ &:hover {
+ background-color: @text-color-inverted;
+ color: @icinga-blue;
+ border-color: @icinga-blue;
+ }
+ }
+ p.gipfl-widget-hint {
+ max-width: 52.5em;
+ }
+ p.gipfl-element-description {
+ max-width: 36em;
+ }
+}
+#layout.minimal-layout div.content form.gipfl-form {
+ ul.extensible-set {
+ max-width: unset;
+ border: 1px solid @gray-light;
+ }
+
+ dd.active ul.extensible-set {
+ border: 1px solid @icinga-blue;
+
+ input[type=submit]:first-of-type {
+ border-width: 1px;
+ }
+ }
+
+ dd input.related-action[type='submit'] {
+ display: none;
+ }
+
+ dd.active li.active input.related-action[type='submit'] {
+ display: inline-block;
+ }
+
+ dd.active ul.extensible-set, ul.extensible-set.sortable {
+ input[type=text], select {
+ width: 100%;
+ }
+
+ input[type=text] {
+ // background-color: white;
+ border: 1px solid white;
+ }
+ }
+}
+form.gipfl-inline-form {
+ display: inline-block;
+ select {
+ width: auto;
+ min-width: unset;
+ max-width: unset;
+ border: none;
+ padding: 0 0.5em;
+ margin: 0;
+ line-height: unset;
+ box-sizing:border-box;
+ height: 1.5em;
+
+ &:hover {
+ border: none;
+ }
+
+ &:focus {
+ border: none;
+ }
+ }
+ input[type=submit] {
+ padding: 0 0.25em;
+ margin: 0 1em 0 0;
+ border: none;
+ line-height: unset;
+ box-sizing: border-box;
+ }
+}