##// END OF EJS Templates
Correct the padding of the new button group on the files page
Jonathan Frederic -
Show More
@@ -1,222 +1,226 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: 2px;
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 #new-buttons {
160 padding-top: 2px;
161 }
162
159 163 ul#new-menu {
160 164 // align right instead of left
161 165 left: auto;
162 166 right: 0;
163 167 }
164 168
165 169 .kernel-menu-icon {
166 170 padding-right: 12px;
167 171 width: 24px;
168 172 content: @fa-var-square-o;
169 173 }
170 174
171 175 .kernel-menu-icon:before {
172 176 content: @fa-var-square-o;
173 177 }
174 178
175 179 .kernel-menu-icon-current:before {
176 180 content: @fa-var-check;
177 181 }
178 182
179 183 #tab_content {
180 184 padding-top: @page-header-padding;
181 185 }
182 186
183 187 #running {
184 188 .panel-group{
185 189 .panel {
186 190 margin-top: 3px;
187 191 margin-bottom: 1em;
188 192
189 193 .panel-heading {
190 194 background-color: @page-backdrop-color;
191 195 padding-top: @dashboard_tb_pad;
192 196 padding-bottom: @dashboard_tb_pad;
193 197 padding-left: @dashboard_lr_pad;
194 198 padding-right: @dashboard_lr_pad;
195 199 line-height: @btn_mini_height;
196 200
197 201 a:focus, a:hover {
198 202 text-decoration: none;
199 203 }
200 204 }
201 205
202 206 .panel-body {
203 207 padding: 0px;
204 208
205 209 .list_container {
206 210 margin-top: 0px;
207 211 margin-bottom: 0px;
208 212 border: 0px;
209 213 border-radius: 0px;
210 214
211 215 .list_item {
212 216 border-bottom: 1px solid @table-border-color;
213 217
214 218 &:last-child {
215 219 border-bottom: 0px;
216 220 }
217 221 }
218 222 }
219 223 }
220 224 }
221 225 }
222 226 }
General Comments 0
You need to be logged in to leave comments. Login now