Skip to content

Commit 6214663

Browse files
bigbesbigbes
committed
New version of mobile menu (for gh-85/86)
1 parent 74d2cdc commit 6214663

File tree

4 files changed

+81
-75
lines changed

4 files changed

+81
-75
lines changed

‎_theme/tarantool/_less/element-menu.less

Lines changed: 28 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
position: absolute;
3232
top: 40px;
3333
left: 0;
34-
background: #eaeaea /*url(mobile-logo.svg) 28px 5px no-repeat*/ ;
34+
background: #eaeaea; /* url(mobile-logo.svg) 28px 5px no-repeat; */
3535
background-size: 96px 31px;
3636
/* padding: 80px 0px 15px; */
3737
/* height: 100vh */;
@@ -42,28 +42,37 @@
4242
overflow: auto;
4343
.b-menu {
4444
height: auto;
45-
}
46-
li {
47-
margin: 0;
48-
display: block;
49-
width: 100%;
50-
border-top: 1px solid black;
45+
5146
li {
52-
&:last-child {
53-
border-bottom: 1px solid black;
54-
}
55-
&.p-active {
56-
border-top: 0px solid black;
57-
}
58-
a {
59-
font-size: 21px;
60-
line-height: 24px;
61-
padding: 9px 27px 13px;
62-
width: ~"calc(100% - 54px)";
63-
display: block;
47+
text-align: center;
48+
margin: 0;
49+
display: block;
50+
width: 100%;
51+
/* border-top: 1px solid black; */
52+
/*
53+
li {
54+
&:last-child {
55+
border-bottom: 1px solid black;
56+
}
57+
&.p-active {
58+
border-top: 0px solid black;
59+
}
60+
a {
61+
font-size: 21px;
62+
line-height: 24px;
63+
padding: 9px 27px 13px;
64+
width: ~"calc(100% - 54px)";
65+
display: block;
66+
}
6467
}
68+
*/
6569
}
6670
}
71+
.b-doc-language_selector-list {
72+
align-self: center;
73+
margin-top: 10px;
74+
margin-bottom: 10px;
75+
}
6776
}
6877
}
6978
.b-burger-button {

‎_theme/tarantool/_less/page-base.less

Lines changed: 51 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -119,8 +119,6 @@
119119
.b-footer_menu {
120120
justify-content: space-around;
121121
display: flex;
122-
// float: right;
123-
// width: 729px;
124122

125123
.b-menu {
126124
height: auto;
@@ -168,9 +166,7 @@
168166

169167
.b-button {
170168
.transition-ease();
171-
-webkit-border-radius: 9px;
172-
-moz-border-radius: 9px;
173-
border-radius: 9px;
169+
border-radius: 9px;
174170
color: #FFF;
175171
border: 0;
176172
cursor: pointer;
@@ -181,6 +177,7 @@
181177
background: #168de2;
182178
text-align: center;
183179
text-decoration: none;
180+
184181
&.p-smaller {
185182
padding: 7.5px 20px;
186183
font-size: 14px;
@@ -199,8 +196,6 @@
199196
display:inline-block;
200197
border:1px solid #168de2;
201198
background:#FFF;
202-
-webkit-border-radius: 6px;
203-
-moz-border-radius: 6px;
204199
border-radius: 6px;
205200
font-size:0;
206201

@@ -213,13 +208,9 @@
213208
border:0;
214209
}
215210
&:first-child .b-switcher-item-url {
216-
-webkit-border-radius: 4px 0 0 4px;
217-
-moz-border-radius: 4px 0 0 4px;
218211
border-radius: 4px 0 0 4px;
219212
};
220213
&:last-child .b-switcher-item-url {
221-
-webkit-border-radius: 0 4px 4px 0;
222-
-moz-border-radius: 0 4px 4px 0;
223214
border-radius: 0 4px 4px 0;
224215
}
225216
}
@@ -302,47 +293,6 @@
302293
justify-content: space-between;
303294
width: 150px;
304295

305-
.b-doc-language_selector-list {
306-
margin: 0;
307-
padding: 0;
308-
list-style: none;
309-
display: flex;
310-
align-items: center;
311-
justify-content: center;
312-
width: 100px;
313-
314-
.b-doc-language_selector-item {
315-
padding: 0px;
316-
317-
&:first-child .b-doc-language_selector-item-url {
318-
border-radius: 4px 0 0 4px;
319-
}
320-
&:last-child .b-doc-language_selector-item-url {
321-
border-radius: 0 4px 4px 0;
322-
}
323-
.b-doc-language_selector-item-url {
324-
background: #ffffff;
325-
color: #3366bb;
326-
font-size: 14px;
327-
padding: 5px 8px 5px 8px;
328-
position: relative;
329-
border-color: #168de2;
330-
border-width: 1px;
331-
border-style: solid;
332-
&, &:hover {
333-
text-decoration:none;
334-
}
335-
&:hover {
336-
background: #e7f3fc;
337-
}
338-
&.p-active {
339-
pointer-events: none;
340-
background: #168de2;
341-
color: #ffffff;
342-
}
343-
}
344-
}
345-
}
346296
.b-search-btn {
347297
background: #ffffff;
348298
width: 50%;
@@ -351,6 +301,14 @@
351301
outline: none;
352302
border: none;
353303
}
304+
.b-doc-language_selector-list {
305+
.b-doc-language_selector-item {
306+
.b-doc-language_selector-item-url {
307+
padding: 5px 8px 5px 8px;
308+
}
309+
}
310+
}
311+
354312
}
355313
}
356314
.b-header_menu-bottom {
@@ -392,15 +350,53 @@
392350
}
393351
}
394352

353+
.b-doc-language_selector-list {
354+
margin: 0;
355+
padding: 0;
356+
list-style: none;
357+
display: flex;
358+
align-items: center;
359+
justify-content: center;
360+
width: 100px;
361+
362+
.b-doc-language_selector-item {
363+
padding: 0px;
364+
365+
&:first-child .b-doc-language_selector-item-url {
366+
border-radius: 4px 0 0 4px;
367+
}
368+
&:last-child .b-doc-language_selector-item-url {
369+
border-radius: 0 4px 4px 0;
370+
}
371+
.b-doc-language_selector-item-url {
372+
background: #ffffff;
373+
color: #3366bb;
374+
font-size: 14px;
375+
padding: 8px 11px 8px 11px;
376+
position: relative;
377+
border-color: #168de2;
378+
border-width: 1px;
379+
border-style: solid;
380+
&, &:hover {
381+
text-decoration:none;
382+
}
383+
&:hover {
384+
background: #e7f3fc;
385+
}
386+
&.p-active {
387+
pointer-events: none;
388+
background: #168de2;
389+
color: #ffffff;
390+
}
391+
}
392+
}
393+
}
395394
.headerlink {
396395
margin: 5px;
397396
font-size: 16px;
398397
left: -0.5em;
399398
opacity: 0;
400399

401-
-webkit-transition: opacity 0.2s ease-in-out 0.1s;
402-
-moz-transition: opacity 0.2s ease-in-out 0.1s;
403-
-ms-transition: opacity 0.2s ease-in-out 0.1s;
404400
transition: opacity 0.2s ease-in-out 0.1s;
405401
.fa-link {
406402
visibility: visible;

‎_theme/tarantool/elements.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -158,6 +158,7 @@
158158
<div class="b-menu_mobile__wrapper">
159159
<nav class="b-header_menu">
160160
{{ i_menu() }}
161+
{{ language_selector() }}
161162
</nav>
162163
</div>
163164
</div>

‎_theme/tarantool/static/design.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)