File tree Expand file tree Collapse file tree 2 files changed +46
-16
lines changed Expand file tree Collapse file tree 2 files changed +46
-16
lines changed Original file line number Diff line number Diff line change @@ -9,6 +9,6 @@ div.instance-properties
9
9
| DBs
10
10
span.num-collections
11
11
strong( data-hook ='num-collections' )
12
- | Colls.
12
+ | Collections
13
13
button.refresh-collections
14
14
i.fa.fa-repeat
Original file line number Diff line number Diff line change 18
18
.instance-properties {
19
19
position : absolute ;
20
20
top : 78px ;
21
- left : 30 px ;
21
+ left : 10 px ;
22
22
23
23
.hostname {
24
24
display : block ;
29
29
}
30
30
.version {
31
31
display : block ;
32
- font-size : 14px ;
32
+ font-size : 13px ;
33
+ line-height : 14px ;
33
34
font-weight : normal ;
34
35
color : @gray5 ;
35
36
}
36
37
.db-stats {
37
38
color : @gray5 ;
38
- margin-top : 6px ;
39
+ margin-top : 8px ;
40
+ font-style : 13px ;
41
+ line-height : 13px ;
39
42
40
43
.num-databases ,
41
44
.num-collections {
45
48
margin-right : 10px ;
46
49
}
47
50
strong {
48
- color : @pw ;
51
+ color : @gray7 ;
49
52
font-weight : bold ;
50
53
}
51
54
button .refresh-collections {
52
55
background : none ;
53
56
border : none ;
54
- color : @pw ;
55
- font-size : 14px ;
57
+ color : @gray7 ;
58
+ font-size : 13px ;
59
+ border-radius : 2px ;
60
+ padding : 4px 5px ;
61
+ transition : all 150ms ease ;
62
+
63
+ & :hover {
64
+ background : @slate0 ;
65
+ color : @pw ;
66
+ }
56
67
}
57
68
}
58
69
}
61
72
position : absolute ;
62
73
top : 156px ;
63
74
width : 100% ;
64
- padding-bottom : 12px ;
75
+ // padding-bottom: 12px;
65
76
box-shadow : 0 2px 0 rgba (0 ,0 ,0 ,0.2 );
66
77
67
78
i .search {
68
79
.octicon ;
69
80
position : absolute ;
70
81
margin-top : 9px ;
71
82
margin-left : 10px ;
72
- color : @gray5 ;
83
+ color : @gray7 ;
73
84
}
85
+ // input {
86
+ // padding: 0;
87
+ // margin-left: 30px;
88
+ // margin-top: 7px;
89
+ // height: auto;
90
+ // background: @slate1;
91
+ // color: @pw;
92
+ // width: 174px;
93
+ // border: none;
94
+ // border-bottom: 1px solid lighten(@slate1, 5%);
95
+ // }
96
+ // input[type=search] {
97
+ // border-radius: 18px;
98
+ // }
74
99
input {
75
- padding : 0 ;
76
- margin-left : 30px ;
77
- margin-top : 7px ;
100
+ padding : 7px 5px 5px 30px ;
78
101
height : auto ;
79
- background : @slate1 ;
102
+ background : lighten ( @slate1 , 5 % ) ;
80
103
color : @pw ;
81
- width : 174 px ;
104
+ width : 100 % ;
82
105
border : none ;
83
- border-bottom : 1px solid lighten (@slate1 , 5% );
106
+ transition : all 150ms ease ;
107
+
108
+ & :focus {
109
+ background : lighten (@slate1 , 8% );
110
+ }
111
+ }
112
+ input ::-webkit-input-placeholder {
113
+ color : @gray5 ;
84
114
}
85
115
// input[type=search] {
86
116
// border-radius: 18px;
93
123
.list-group {
94
124
line-height : 24px ;
95
125
position : absolute ;
96
- top : 196 px ;
126
+ top : 189 px ;
97
127
bottom : 0px ;
98
128
overflow-y : auto ;
99
129
width : 100% ;
You can’t perform that action at this time.
0 commit comments