overflow_scanner/app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design

Browse Source
This commit is contained in:
sunny 2018-09-12 13:18:49 +09:00
parent 21a4cb2a99
commit 7a002eb71c
2 changed files with 51 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/assets/scss/themes/light/theme.scss
View File

@ -5,7 +5,7 @@ $disabledOpacity: 0.35;
//Header //Header
$headerBorderWidth: 1px; $headerBorderWidth: 1px;
$headerBorderColor: #d9d9d9; $headerBorderColor: #d9d9d9; //d9d9d9
$headerBgColor: #f6f7f9; $headerBgColor: #f6f7f9;
$headerTextColor: #1b1d1f; $headerTextColor: #1b1d1f;
$headerFontWeight: normal; $headerFontWeight: normal;
@ -29,9 +29,9 @@ $stateActiveBgColor: #d6d6d6;
$stateActiveTextColor: #212121; $stateActiveTextColor: #212121;
//Highlight State //Highlight State
$stateHighlightBorderColor: #156090; $stateHighlightBorderColor: #156090; //156090
$stateHighlightBgColor: #186ba0; $stateHighlightBgColor: #186ba0; //186ba0
$stateHighlightTextColor: #FFFFFF; $stateHighlightTextColor: #FFFFFF;//FFFFFF
//Focus State //Focus State
$stateFocusBorderColor: #c0c0c0; $stateFocusBorderColor: #c0c0c0;
@ -145,9 +145,9 @@ $inputGroupTextColor: #222222;
} }
.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:active { .ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:active {
border: 1px solid #156090; border: 1px solid $stateHighlightBorderColor;
background: #186ba0; background: $stateHighlightBgColor;
color: #ffffff; color: $stateHighlightTextColor;
} }
.ui-slider { position: relative; text-align: left; background: #838688; border: none; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;} .ui-slider { position: relative; text-align: left; background: #838688; border: none; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;}
@ -211,9 +211,9 @@ $inputGroupTextColor: #222222;
} }
&:enabled:active { &:enabled:active {
border: 1px solid #156090; border: 1px solid $stateHighlightBorderColor;
background: #186ba0; background: $stateHighlightBgColor;
color: #ffffff; color: $stateHighlightTextColor;
} }
} }
@ -252,17 +252,17 @@ $inputGroupTextColor: #222222;
} }
.ui-fileupload-choose:not(.ui-state-disabled):active { .ui-fileupload-choose:not(.ui-state-disabled):active {
border: 1px solid #156090; border: 1px solid $stateHighlightBorderColor;
background: #186ba0; background: $stateHighlightBgColor;
color: #ffffff; color: $stateHighlightTextColor;
} }
/* Checkbox and Radio */ /* Checkbox and Radio */
.ui-chkbox-box.ui-state-active, .ui-chkbox-box.ui-state-active,
.ui-radiobutton-box.ui-state-active { .ui-radiobutton-box.ui-state-active {
border: 1px solid #156090; border: 1px solid $stateHighlightBorderColor;
background: #186ba0; background: $stateHighlightBgColor;
color: #FFFFFF; color: $stateHighlightTextColor;
} }
.ui-chkbox-box.ui-state-focus, .ui-chkbox-box.ui-state-focus,
@ -273,7 +273,7 @@ $inputGroupTextColor: #222222;
} }
.ui-chkbox-box.ui-state-focus.ui-state-active { .ui-chkbox-box.ui-state-focus.ui-state-active {
background: #186ba0; background: $stateHighlightBgColor;
} }
/* Inputs */ /* Inputs */
@ -303,9 +303,9 @@ $inputGroupTextColor: #222222;
} }
.ui-paginator .ui-paginator-page.ui-state-active { .ui-paginator .ui-paginator-page.ui-state-active {
background: #186ba0; background: $stateHighlightBgColor;
color: #ffffff; color: $stateHighlightTextColor;
border-color: #156090; border-color: $stateHighlightBorderColor;
} }
/* DataTable */ /* DataTable */
@ -313,23 +313,23 @@ $inputGroupTextColor: #222222;
th { th {
&.ui-state-default { &.ui-state-default {
background: #ebedf0; background: #ebedf0;
border-color: #d9d9d9; border-color: $headerBorderColor;
} }
&.ui-sortable-column:not(.ui-state-active):hover { &.ui-sortable-column:not(.ui-state-active):hover {
background: #d3d5d8; background: #d3d5d8;
border-color: #d9d9d9; border-color: $headerBorderColor;
} }
&.ui-state-active { &.ui-state-active {
background: #186ba0; background: $stateHighlightBgColor;
color: #ffffff; color: #ffffff;
} }
} }
tbody { tbody {
> tr.ui-widget-content { > tr.ui-widget-content {
border-color: #d9d9d9; border-color: $headerBorderColor;
&.ui-datatable-odd { &.ui-datatable-odd {
background-color: #fafafb; background-color: #fafafb;
@ -346,7 +346,7 @@ $inputGroupTextColor: #222222;
td { td {
&.ui-state-default { &.ui-state-default {
background: #ebedf0; background: #ebedf0;
border-color: #d9d9d9; border-color: $headerBorderColor;
} }
} }
} }
@ -357,12 +357,12 @@ $inputGroupTextColor: #222222;
.ui-table-thead > tr > th, .ui-table-thead > tr > th,
.ui-table-tfoot > tr > td { .ui-table-tfoot > tr > td {
background-color: #ebedf0; background-color: #ebedf0;
border-color: #d9d9d9; border-color: $headerBorderColor;
} }
.ui-sortable-column:not(.ui-state-highlight):hover { .ui-sortable-column:not(.ui-state-highlight):hover {
background-color: #d3d5d8; background-color: #d3d5d8;
border-color: #d9d9d9; border-color: $headerBorderColor;
} }
.ui-table-tbody > tr:nth-child(even) { .ui-table-tbody > tr:nth-child(even) {
@ -385,12 +385,12 @@ $inputGroupTextColor: #222222;
.ui-treetable-thead > tr > th, .ui-treetable-thead > tr > th,
.ui-treetable-tfoot > tr > td { .ui-treetable-tfoot > tr > td {
background-color: #ebedf0; background-color: #ebedf0;
border-color: #d9d9d9; border-color: $headerBorderColor;
} }
.ui-sortable-column:not(.ui-state-highlight):hover { .ui-sortable-column:not(.ui-state-highlight):hover {
background-color: #d3d5d8; background-color: #d3d5d8;
border-color: #d9d9d9; border-color: $headerBorderColor;
} }
} }
@ -422,7 +422,7 @@ $inputGroupTextColor: #222222;
.ui-treetable { .ui-treetable {
th.ui-state-default { th.ui-state-default {
background: #ebedf0; background: #ebedf0;
border-color: #d9d9d9; border-color: $headerBorderColor;
} }
} }
@ -453,9 +453,9 @@ $inputGroupTextColor: #222222;
.ui-togglebutton.ui-button.ui-state-active, .ui-togglebutton.ui-button.ui-state-active,
.ui-selectbutton .ui-button.ui-state-active { .ui-selectbutton .ui-button.ui-state-active {
border: 1px solid #156090; border: 1px solid $stateHighlightBorderColor;
background: #186ba0; background: $stateHighlightBgColor;
color: #FFFFFF; color: $stateHighlightTextColor;
} }
.ui-multiselect { .ui-multiselect {
@ -558,9 +558,9 @@ $inputGroupTextColor: #222222;
/* PanelMenu */ /* PanelMenu */
.ui-panelmenu .ui-panelmenu-header.ui-state-active, .ui-panelmenu .ui-panelmenu-header.ui-state-active,
.ui-panelmenu .ui-panelmenu-header.ui-state-active a { .ui-panelmenu .ui-panelmenu-header.ui-state-active a {
border-color: #156090; border-color: $stateHighlightBorderColor;
background: #186ba0; background: $stateHighlightBgColor;
color: #FFFFFF; color: $stateHighlightTextColor;
} }
/* DatePicker */ /* DatePicker */
@ -599,7 +599,7 @@ $inputGroupTextColor: #222222;
} }
&.ui-state-active { &.ui-state-active {
background-color: #186ba0; background-color: $stateHighlightBgColor;
color: #ffffff; color: #ffffff;
} }
} }
@ -612,7 +612,7 @@ $inputGroupTextColor: #222222;
.ui-monthpicker { .ui-monthpicker {
a.ui-state-active { a.ui-state-active {
background-color: #186ba0; background-color: $stateHighlightBgColor;
color: #ffffff; color: #ffffff;
} }
} }
@ -655,9 +655,9 @@ $inputGroupTextColor: #222222;
.fc { .fc {
.fc-button-group { .fc-button-group {
.ui-state-active { .ui-state-active {
border: 1px solid #156090; border: 1px solid $stateHighlightBorderColor;
background: #186ba0; background: $stateHighlightBgColor;
color: #ffffff; color: $stateHighlightTextColor;
} }
} }
} }

10
src/commons/component/nic-dropdown.component.scss
View File

@ -0,0 +1,10 @@
#nic-list-border .ui-widget-content {
border: 0px;
}
#nic-list-border .ui-listbox .ui-listbox-list {
line-height: 2em;
}
#nic-list-border .ui-listbox .ui-listbox-item {
padding: 0.5em;
}