12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- .grid-selector {
- //margin: -1rem;
- width: 100%;
- }
- .grid-selector .wrap {
- position: relative;
- line-height: 40px;
- border-bottom: 1px dashed #eee;
- padding: 0 30px;
- font-size: 13px;
- overflow:auto;
- }
- .grid-selector .wrap:last-child {
- border-bottom: none;
- }
- .grid-selector .select-label {
- float: left;
- width: 100px;
- padding-left: 10px;
- color: #888;
- }
- .grid-selector .select-options {
- margin-left: 100px;
- }
- .grid-selector ul {
- height: 25px;
- list-style: none;
- }
- .grid-selector ul > li {
- margin-right: 30px;
- float: left;
- }
- .grid-selector ul > li a {
- color: #666;
- text-decoration: none;
- }
- .grid-selector .select-options a.active {
- color: $primary-darker;
- font-weight: bold;
- }
- .grid-selector li .add {
- visibility: hidden;
- }
- .grid-selector li:hover .add {
- visibility: visible;
- }
- .grid-selector ul .clear {
- visibility: hidden;
- }
- .grid-selector ul:hover .clear {
- color: $red-darker;
- visibility: visible;
- }
- .custom-data-table {
- .grid-selector {
- padding: 2px;
- .wrap {
- border-bottom: 0;
- background: $white;
- box-shadow: $shadow;
- border-radius: .35rem;
- margin: 7px 0;
- }
- }
- }
|