##// END OF EJS Templates
Move new button group over one pixel
Jonathan Frederic -
Show More
@@ -1,226 +1,227 b''
1 1
2 2 /**
3 3 * Primary styles
4 4 *
5 5 * Author: IPython Development Team
6 6 */
7 7
8 8 @dashboard_tb_pad: 4px;
9 9 @dashboard_lr_pad: 7px;
10 10 // These are the total heights of the Bootstrap small and mini buttons. These values
11 11 // are not less variables so we have to track them statically.
12 12 @btn_small_height: 24px;
13 13 @btn_mini_height: 22px;
14 14 @dark_dashboard_color: @breadcrumb-color;
15 15
16 16 ul#tabs {
17 17 margin-bottom: @dashboard_tb_pad;
18 18 }
19 19
20 20 ul#tabs a {
21 21 padding-top: @dashboard_tb_pad + 2px;
22 22 padding-bottom: @dashboard_tb_pad;
23 23 }
24 24
25 25 ul.breadcrumb {
26 26 a:focus, a:hover {
27 27 text-decoration: none;
28 28 }
29 29 i.icon-home {
30 30 font-size: 16px;
31 31 margin-right: 4px;
32 32 }
33 33
34 34 span {
35 35 color: @dark_dashboard_color;
36 36 }
37 37 }
38 38
39 39 .list_toolbar {
40 40 padding: @dashboard_tb_pad 0 @dashboard_tb_pad 0;
41 41 vertical-align: middle;
42 42
43 43 .tree-buttons {
44 44 padding-top: 1px;
45 45 }
46 46 }
47 47
48 48 .list_toolbar [class*="span"] {
49 49 min-height: @btn_small_height;
50 50 }
51 51
52 52 .list_header {
53 53 font-weight: bold;
54 54 }
55 55
56 56 .list_container {
57 57 margin-top: @dashboard_tb_pad;
58 58 margin-bottom: 5*@dashboard_tb_pad;
59 59 border: 1px solid @table-border-color;
60 60 border-radius: @border-radius-base;
61 61 }
62 62
63 63 .list_container > div {
64 64 border-bottom: 1px solid @table-border-color;
65 65 &:hover .list-item{
66 66 background-color: red;
67 67 };
68 68 }
69 69
70 70 .list_container > div:last-child {
71 71 border: none;
72 72 }
73 73
74 74 .list_item {
75 75 &:hover .list_item {
76 76 background-color: @table-border-color;
77 77 };
78 78 a {text-decoration: none;}
79 79 }
80 80
81 81 .action_col {
82 82 text-align: right;
83 83 }
84 84
85 85 .list_header>div, .list_item>div {
86 86 padding-top: @dashboard_tb_pad;
87 87 padding-bottom: @dashboard_tb_pad;
88 88 padding-left: @dashboard_lr_pad;
89 89 padding-right: @dashboard_lr_pad;
90 90 line-height: @btn_mini_height;
91 91 }
92 92
93 93 .item_name {
94 94 line-height: @btn_mini_height;
95 95 height: @btn_small_height;
96 96 }
97 97
98 98 .item_icon {
99 99 font-size: 14px;
100 100 color: @dark_dashboard_color;
101 101 margin-right: @dashboard_lr_pad;
102 102 }
103 103
104 104 .item_buttons {
105 105 line-height: 1em;
106 106 .btn {
107 107 min-width: 13ex;
108 108 }
109 109 .btn-toolbar();
110 110 }
111 111
112 112 .toolbar_info {
113 113 height: @btn_small_height;
114 114 line-height: @btn_small_height;
115 115 }
116 116
117 117 input.nbname_input, input.engine_num_input {
118 118 // These settings give these inputs a height that matches @btn_mini_height = 22
119 119 padding-top: 3px;
120 120 padding-bottom: 3px;
121 121 height: @btn_mini_height;
122 122 line-height: 14px;
123 123 margin: 0px;
124 124 }
125 125
126 126 input.engine_num_input {
127 127 width: 60px;
128 128 }
129 129
130 130 .highlight_text {
131 131 color: blue;
132 132 }
133 133
134 134 #project_name > .breadcrumb {
135 135 padding: 0px;
136 136 margin-bottom: 0px;
137 137 background-color: transparent;
138 138 font-weight: bold;
139 139
140 140 }
141 141
142 142 .tab-content .row {
143 143 margin-left: 0px;
144 144 margin-right: 0px;
145 145 }
146 146
147 147 .folder_icon:before {
148 148 .icon(@fa-var-folder-o)
149 149 }
150 150
151 151 .notebook_icon:before {
152 152 .icon(@fa-var-book)
153 153 }
154 154
155 155 .file_icon:before {
156 156 .icon(@fa-var-file-o)
157 157 }
158 158
159 159 #notebook_toolbar .pull-right {
160 160 padding-top: 0px;
161 margin-right: -1px;
161 162 }
162 163
163 164 ul#new-menu {
164 165 // align right instead of left
165 166 left: auto;
166 167 right: 0;
167 168 }
168 169
169 170 .kernel-menu-icon {
170 171 padding-right: 12px;
171 172 width: 24px;
172 173 content: @fa-var-square-o;
173 174 }
174 175
175 176 .kernel-menu-icon:before {
176 177 content: @fa-var-square-o;
177 178 }
178 179
179 180 .kernel-menu-icon-current:before {
180 181 content: @fa-var-check;
181 182 }
182 183
183 184 #tab_content {
184 185 padding-top: @page-header-padding;
185 186 }
186 187
187 188 #running {
188 189 .panel-group{
189 190 .panel {
190 191 margin-top: 3px;
191 192 margin-bottom: 1em;
192 193
193 194 .panel-heading {
194 195 background-color: @page-backdrop-color;
195 196 padding-top: @dashboard_tb_pad;
196 197 padding-bottom: @dashboard_tb_pad;
197 198 padding-left: @dashboard_lr_pad;
198 199 padding-right: @dashboard_lr_pad;
199 200 line-height: @btn_mini_height;
200 201
201 202 a:focus, a:hover {
202 203 text-decoration: none;
203 204 }
204 205 }
205 206
206 207 .panel-body {
207 208 padding: 0px;
208 209
209 210 .list_container {
210 211 margin-top: 0px;
211 212 margin-bottom: 0px;
212 213 border: 0px;
213 214 border-radius: 0px;
214 215
215 216 .list_item {
216 217 border-bottom: 1px solid @table-border-color;
217 218
218 219 &:last-child {
219 220 border-bottom: 0px;
220 221 }
221 222 }
222 223 }
223 224 }
224 225 }
225 226 }
226 227 }
General Comments 0
You need to be logged in to leave comments. Login now