Skip to content

Commit e73fbb7

Browse files
Metallist1Nedas
andauthored
Fixed the mobile view header to look better (#297)
Co-authored-by: Nedas <nedas.surkus@tabulareditor.com>
1 parent bf43bdf commit e73fbb7

5 files changed

Lines changed: 41 additions & 41 deletions

File tree

templates/tabulareditor/layout/_master.tmpl

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -99,17 +99,24 @@
9999
<div id="hs_cos_wrapper_global-header-dndarea-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
100100
<div class="siteheader-module_wrp">
101101
<nav class="siteheader-module navbar siteheader-module--194387751113 " id="main-navigation" aria-label="Primary">
102-
<button class="siteheader-module__mobile-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavigation" aria-controls="mainNavigation" aria-expanded="false" aria-label="Toggle navigation">
103-
<svg xmlns="http://www.w3.org/2000/svg" class="siteheader-module__mobile-toggler-img" fill="currentColor" viewBox="0 0 16 16">
104-
<path fill-rule="evenodd" d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
105-
</svg>
106-
</button>
107-
<div class="siteheader-module__logo">
108-
<div class="header-logo">
109-
<a class="header-logo__link" href="{{_appLogoUrl}}{{^_appLogoUrl}}{{_rel}}index.html{{/_appLogoUrl}}">
110-
<img class="header-logo__image" src="{{_rel}}{{{_appLogoPath}}}{{^_appLogoPath}}logo.svg{{/_appLogoPath}}" alt="{{_appName}}" height="50" width="263">
111-
</a>
102+
<div class="siteheader-module__topbar">
103+
{{^_disableToc}}
104+
<button class="siteheader-module__toc-toggler d-md-none" id="toc-toggler-header"
105+
type="button" data-bs-toggle="offcanvas" data-bs-target="#tocOffcanvas"
106+
aria-controls="tocOffcanvas" aria-expanded="false" aria-label="Show table of contents">
107+
<i class="bi bi-list"></i>
108+
</button>
109+
{{/_disableToc}}
110+
<div class="siteheader-module__logo">
111+
<div class="header-logo">
112+
<a class="header-logo__link" href="{{_appLogoUrl}}{{^_appLogoUrl}}{{_rel}}index.html{{/_appLogoUrl}}">
113+
<img class="header-logo__image" src="{{_rel}}{{{_appLogoPath}}}{{^_appLogoPath}}logo.svg{{/_appLogoPath}}" alt="{{_appName}}" height="50" width="263">
114+
</a>
115+
</div>
112116
</div>
117+
<button class="siteheader-module__mobile-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavigation" aria-controls="mainNavigation" aria-expanded="false" aria-label="Toggle navigation">
118+
<i class="bi bi-three-dots-vertical"></i>
119+
</button>
113120
</div>
114121
<div class="siteheader-module__navbar collapse navbar-collapse" id="mainNavigation">
115122
<div class="siteheader-module__main-nav">
@@ -209,13 +216,6 @@
209216

210217
<div class="content">
211218
<div class="actionbar" id="toc-actionbar">
212-
{{^_disableToc}}
213-
<button class="btn btn-lg border-0 d-md-none"
214-
type="button" data-bs-toggle="offcanvas" data-bs-target="#tocOffcanvas"
215-
aria-controls="tocOffcanvas" aria-expanded="false" aria-label="Show table of contents">
216-
<i class="bi bi-list"></i>
217-
</button>
218-
{{/_disableToc}}
219219
</div>
220220

221221
<article id="article" data-uid="{{uid}}">
@@ -253,7 +253,7 @@
253253

254254
{{! meta applies to }}
255255
{{#applies_to}}
256-
<div class="applies-to-div"><strong>Applies to: </strong>
256+
<div class="applies-to-div"><strong data-ui-string="appliesTo">Applies to: </strong>
257257
<ul class="applies-to">
258258
{{#products}}
259259
<li class="applies-to-product{{#note}} applies-to-tooltip{{/note}}">
@@ -270,7 +270,7 @@
270270
{{/editions}}
271271
{{#since}}
272272
<span class="version-info">
273-
({{#until}}Available in {{since}}–{{until}}{{/until}}{{^until}}Available since {{since}}{{/until}})
273+
({{#until}}<span data-ui-string="availableIn">Available in</span> {{since}}–{{until}}{{/until}}{{^until}}<span data-ui-string="availableSince">Available since</span> {{since}}{{/until}})
274274
</span>
275275
{{/since}}
276276
{{^editions}}

templates/tabulareditor/public/docfx.min.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.

templates/tabulareditor/public/docfx.min.css.map

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)