You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by bo...@apache.org on 2020/12/01 18:08:48 UTC
[myfaces-tobago] 01/04: cleanup tobago.scss
This is an automated email from the ASF dual-hosted git repository.
bommel pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git
commit b3c3695fea1b13d4dc795e19d46722bb83beac1e
Author: Henning Nöth <hn...@apache.org>
AuthorDate: Tue Dec 1 14:39:59 2020 +0100
cleanup tobago.scss
* use code formatter
---
tobago-core/npm/scss/_tobago.scss | 27 ++++++++++++++++++++++++---
1 file changed, 24 insertions(+), 3 deletions(-)
diff --git a/tobago-core/npm/scss/_tobago.scss b/tobago-core/npm/scss/_tobago.scss
index b5a9a6a..d3aa5e3 100644
--- a/tobago-core/npm/scss/_tobago.scss
+++ b/tobago-core/npm/scss/_tobago.scss
@@ -103,6 +103,7 @@ tobago-bar {
text-decoration: none;
}
}
+
&.navbar-dark .navbar-brand > .tobago-link {
color: $navbar-dark-active-color;
@@ -126,6 +127,7 @@ tobago-behavior {
tobago-box {
margin-bottom: $card-spacer-y;
+
> .card-body {
overflow-x: hidden;
overflow-y: auto;
@@ -169,6 +171,7 @@ tobago-buttons {
> img + span {
margin-left: .4em;
}
+
> i + span {
margin-left: .4em;
}
@@ -246,7 +249,10 @@ workaround for Bootstrap Modal (Popup) with vanillajs-datepicker
}
/* file -------------------------------------------------------------- */
-.tobago-file {} //TODO remove
+.tobago-file {
+}
+
+//TODO remove
tobago-file {
display: block;
@@ -374,6 +380,7 @@ tobago-header {
tobago-in {
display: block;
}
+
.tobago-in {
&:disabled {
color: rgba($input-color, $form-disabled-alpha);
@@ -512,9 +519,11 @@ tobago-flex-layout.tobago-messages-container > {
&.alert-danger:before {
content: $fa-times-circle;
}
+
&.alert-warning:before {
content: $fa-exclamation-triangle;
}
+
&.alert-info:before {
content: $fa-info;
}
@@ -612,7 +621,7 @@ span.tobago-out:empty:before {
.table-dark .form-control-plaintext {
color: $white;
-// was in bs4: color: $table-dark-color;
+ // was in bs4: color: $table-dark-color;
}
/* page ----------------------------------------------------------- */
@@ -743,6 +752,7 @@ tobago-stars {
left: 0;
top: 0;
}
+
.tobago-stars-slider:focus ~ .tobago-stars-focusBox {
box-shadow: $input-box-shadow, $input-focus-box-shadow;
}
@@ -780,9 +790,11 @@ tobago-stars {
content: "\f005 \f005 \f005 \f005 \f005";
}
}
+
.tobago-stars-slider:disabled ~ .tobago-stars-selected {
filter: grayscale(1);
}
+
.tobago-stars-selected.tobago-placeholder {
filter: grayscale(0.3);
}
@@ -800,6 +812,7 @@ tobago-stars {
content: "\f005 \f005 \f005 \f005 \f005";
}
}
+
input[type="range"]:disabled ~ .tobago-stars-unselected {
filter: grayscale(1);
}
@@ -845,6 +858,7 @@ tobago-section > div > {
/* to separate the icon from the rest of the title */
margin-right: 0.7em;
}
+
display: flex;
justify-content: space-between;
align-content: center;
@@ -895,6 +909,7 @@ tobago-select-one-choice {
//xxx remove me
.tobago-selectOneListbox {
}
+
//xxx remove me
.tobago-selectOneListbox-option {
}
@@ -934,6 +949,7 @@ tobago-select-many-checkbox {
tobago-select-many-listbox {
}
+
.tobago-selectManyListbox,
.tobago-selectManyListbox-option {
}
@@ -1365,6 +1381,7 @@ tobago-tab {
color: $nav-tabs-link-active-color;
cursor: pointer;
}
+
&:not(.active) {
color: $link-color;
cursor: pointer;
@@ -1373,6 +1390,7 @@ tobago-tab {
color: $link-hover-color;
}
}
+
&.disabled {
color: $nav-link-disabled-color;
cursor: not-allowed;
@@ -1400,6 +1418,7 @@ tobago-tab.tobago-tab-barFacet {
& > button {
height: 100%;
}
+
& > a {
display: inline-block;
padding-top: 0.5rem;
@@ -1498,7 +1517,7 @@ tobago-textarea textarea {
.tobago-date,
.tobago-in,
.tobago-selectManyListbox,
-//.tobago-selectOneChoice, XXX
+ //.tobago-selectOneChoice, XXX
.tobago-selectOneListbox,
tobago-textarea textarea {
&-markup-fatal, &-markup-error {
@@ -1506,11 +1525,13 @@ tobago-textarea textarea {
box-shadow: 0 0 0 .2rem rgba($danger, .25);
}
}
+
&-markup-warn {
&.border-warning:focus {
box-shadow: 0 0 0 .2rem rgba($warning, .25);
}
}
+
&-markup-info {
&.border-info:focus {
box-shadow: 0 0 0 .2rem rgba($info, .25);