123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 |
- @mixin base-select($primaryStyleName : v-select) {
-
- $select-button-width : 1em;
- $select-button-negative-width : -1em;
-
- .#{$primaryStyleName} {
- text-align: left;
- }
- .#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option {
- display: block;
- white-space: nowrap;
- }
- .#{$primaryStyleName}-optiongroup .v-icon {
- vertical-align: middle;
- white-space: nowrap;
- margin: 0 2px;
- }
- .v-ie & .#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option {
- zoom: 1;
- }
- .#{$primaryStyleName}-select {
- display: block;
- }
- .#{$primaryStyleName}-twincol {
- white-space: nowrap;
- }
- .#{$primaryStyleName}-twincol-options {
- float: left;
- }
- .#{$primaryStyleName}-twincol-caption-left {
- float: left;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .#{$primaryStyleName}-twincol-selections {
- font-weight: bold;
- }
- .#{$primaryStyleName}-twincol-caption-right {
- float: right;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .#{$primaryStyleName}-twincol-buttons {
- float: left;
- text-align: center;
- }
- .#{$primaryStyleName}-twincol-buttons .#{$primaryStyleName}-twincol-deco {
- clear: both;
- }
- .#{$primaryStyleName}-twincol .v-textfield {
- display: block;
- float: left;
- clear: left;
- }
- .#{$primaryStyleName}-twincol .v-button {
- float: left;
- }
- .#{$primaryStyleName}-twincol-buttons .v-button {
- float: none;
- }
- .v-filterselect {
- white-space: nowrap;
- text-align: left;
- display: inline-block;
- padding-right: $select-button-width; /* Space for the button */
- }
- .v-filterselect .v-icon {
- float: left;
- }
- &.v-app .v-filterselect-input,
- .v-window .v-filterselect-input,
- .v-popupview-popup .v-filterselect-input {
- margin: 0;
- float: left;
- -webkit-border-radius: 0px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .v-filterselect-prompt .v-filterselect-input {
- color: #999;
- font-style: italic;
- }
- .v-filterselect-button {
- display: inline-block;
- cursor: pointer;
- width: $select-button-width;
- margin-right: $select-button-negative-width;
- height: 1em;
- background: transparent url(../common/img/sprites.png) no-repeat -5px -8px;
- }
- .v-filterselect.v-readonly .v-filterselect-button {
- display: none;
- }
- .v-filterselect.v-readonly,
- .v-filterselect.v-readonly .v-filterselect-input {
- background: transparent;
- }
- .v-filterselect-suggestpopup {
- background: #fff;
- border: 1px solid #eee;
- }
- .v-filterselect-suggestmenu table {
- border-collapse: collapse;
- border: none;
- vertical-align:top;
- display: block;
- width: 100%;
-
- // float & clear needs to be set so that IE 8 & 9 displays the elements as block
- float: left;
- clear: both;
-
- & > tbody,
- & > tbody > tr,
- & > tbody > tr > td {
- display: block;
- width: 100%;
- // float & clear needs to be set so that IE 8 & 9 displays the elements as block
- float: left;
- clear: both;
- overflow-y: hidden;
- }
- }
- .v-filterselect-suggestmenu .gwt-MenuItem {
- white-space: nowrap;
- padding-left: 1px;
- padding-right: 0;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- overflow-x: hidden;
- text-overflow: ellipsis;
- }
- .v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
- margin-right: 3px;
- vertical-align: middle;
- }
- .v-filterselect-suggestmenu .gwt-MenuItem span {
- vertical-align: middle;
- }
- .v-filterselect-suggestmenu .gwt-MenuItem-selected {
- background: #333;
- color: #fff;
- }
- .v-filterselect-nextpage,
- .v-filterselect-nextpage-off,
- .v-filterselect-prevpage-off,
- .v-filterselect-prevpage {
- width: 100%;
- background: #aaa;
- text-align: center;
- overflow: hidden;
- cursor: pointer;
- }
- .v-filterselect-nextpage-off,
- .v-filterselect-prevpage-off {
- color: #666;
- opacity: .5;
- filter: alpha(opacity=50);
- cursor: default;
- }
- .v-filterselect-nextpage-off span,
- .v-filterselect-prevpage-off span {
- cursor: default;
- }
- .v-filterselect-status {
- white-space: nowrap;
- text-align: center;
- }
-
- .v-filterselect-no-input .v-filterselect-input {
- cursor: default;
- }
-
- /* Error styles (disabled by default)
-
- .v-filterselect-error .v-filterselect-input,
- .#{$primaryStyleName}-error .#{$primaryStyleName}-option,
- .#{$primaryStyleName}-error .#{$primaryStyleName}-select,
- .#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-selections,
- .#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-options {
- background: #ffaaaa;
- }
- */
-
- /* Required field styles (disabled by default)
-
- .v-filterselect-error .v-filterselect-input,
- .#{$primaryStyleName}-required .#{$primaryStyleName}-option,
- .#{$primaryStyleName}-required .#{$primaryStyleName}-select,
- .#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-selections,
- .#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-options {
- background: #ffaaaa;
- }
- */
-
- }
|