Skip to content

Commit

Permalink
Fixed #287 - Remove Spinner
Browse files Browse the repository at this point in the history
  • Loading branch information
@cagataycivici
cagataycivici committed May 9, 2020
1 parent 0950aad commit 0bfc9c7
Show file tree
Hide file tree
Showing 31 changed files with 480 additions and 2,028 deletions.
70 changes: 12 additions & 58 deletions public/themes/luna-amber/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -122,12 +122,12 @@
color: #212121;
background: #FFB300;
}
.p-autocomplete-panel.p-error > .p-inputtext {
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}

.p-calendar.p-error > .p-inputtext {
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -336,7 +336,7 @@
background: #FF8F00;
color: #212121;
}
.p-checkbox.p-error > .p-checkbox-box {
.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #cd3a3a;
}

Expand Down Expand Up @@ -372,7 +372,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext {
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -476,7 +476,7 @@
color: #dedede;
background: #4c4c4c;
}
.p-dropdown-panel.p-error > .p-inputtext {
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #FFA000;
}

.p-inputswitch.p-error {
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand All @@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #ffe8b3;
border-color: #FFB300;
}

.p-inputtext.p-error {
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -732,7 +730,7 @@
color: #dedede;
background: #4c4c4c;
}
.p-listbox.p-error {
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em;
}
.p-multiselect-panel.p-error {
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -885,7 +883,7 @@
background: #FF8F00;
color: #212121;
}
.p-radiobutton.p-error > .p-radiobutton-box {
.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #cd3a3a;
}

Expand Down Expand Up @@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #212121;
}
.p-selectbutton.p-error > .p-button {
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -992,50 +990,6 @@
border-color: #FFB300;
}

.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}

.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}

.p-spinner.p-error > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}

.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
Expand Down Expand Up @@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #212121;
}
.p-togglebutton.p-button.p-error > .p-button {
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down
70 changes: 12 additions & 58 deletions public/themes/luna-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -122,12 +122,12 @@
color: #ffffff;
background: #1ea04c;
}
.p-autocomplete-panel.p-error > .p-inputtext {
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}

.p-calendar.p-error > .p-inputtext {
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -336,7 +336,7 @@
background: #18803c;
color: #ffffff;
}
.p-checkbox.p-error > .p-checkbox-box {
.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #cd3a3a;
}

Expand Down Expand Up @@ -372,7 +372,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext {
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -476,7 +476,7 @@
color: #dedede;
background: #4c4c4c;
}
.p-dropdown-panel.p-error > .p-inputtext {
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #1b9044;
}

.p-inputswitch.p-error {
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand All @@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #88e9aa;
border-color: #1ea04c;
}

.p-inputtext.p-error {
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -732,7 +730,7 @@
color: #dedede;
background: #4c4c4c;
}
.p-listbox.p-error {
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em;
}
.p-multiselect-panel.p-error {
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -885,7 +883,7 @@
background: #18803c;
color: #ffffff;
}
.p-radiobutton.p-error > .p-radiobutton-box {
.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #cd3a3a;
}

Expand Down Expand Up @@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff;
}
.p-selectbutton.p-error > .p-button {
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down Expand Up @@ -992,50 +990,6 @@
border-color: #1ea04c;
}

.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}

.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}

.p-spinner.p-error > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}

.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
Expand Down Expand Up @@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button.p-error > .p-button {
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #cd3a3a;
border-width: 1px;
}
Expand Down
Loading

0 comments on commit 0bfc9c7

Please sign in to comment.