Compare commits
3 Commits
ced65dc5cd
...
953a7c08be
| Author | SHA1 | Date | |
|---|---|---|---|
| 953a7c08be | |||
| f09229e739 | |||
| 18c3bd2a67 |
@@ -818,3 +818,13 @@ History search guidance:
|
||||
164 - [2026-05-20 00:48:53] - v1.27.0-dev-175-g78f429361d - Type: Modified - [footer] [sticky-ui] Added a top lip show/hide toggle for the persistent footer.
|
||||
- 1 - I updated `templates/base/footer_content.tmpl`, `web_src/css/home.css`, and `web_src/js/features/common-page.ts` so pages with the persistent footer preference now render a top-edge toggle lip on desktop, remember the collapsed state in local user settings under `persistent-footer-collapsed`, measure the live footer height for smooth hide/show motion, and keep only the lip visible when the footer is collapsed.
|
||||
- 2 - I added the new footer show/hide labels to `options/locale/locale_en-US.json` and `options/locale/locale_ro-RO.json`.
|
||||
|
||||
165 - [2026-05-20 01:03:21] - v1.27.0-dev-176-gced65dc5cd - Type: Modified - [repo-header] [sticky-ui] Let the secondary navigation use the full available page width and added a little extra clearance for the sticky toggle lip.
|
||||
- 1 - I updated `templates/repo/header.tmpl` and `web_src/css/modules/container.css` so the two repository `secondary-nav` containers now opt into a dedicated full-width `ui container nav` layout while still respecting the shared page margins.
|
||||
- 2 - I updated `web_src/css/repo/header.css` to add 2px of extra top padding on `.repository .secondary-nav`, preventing the sticky lip from crowding the existing content at the top of the repository header area.
|
||||
|
||||
166 - [2026-05-20 01:09:19] - v1.27.0-dev-177-g18c3bd2a67 - Type: Modified - [navbar] [sticky-ui] Fine-tuned the persistent navbar lip geometry for better visual balance.
|
||||
- 1 - I updated `web_src/css/modules/navbar.css` so the persistent-navbar toggle lip now sits 2px lower and is 1px taller, giving the handle a slightly more relaxed fit against the navbar edge.
|
||||
|
||||
167 - [2026-05-20 01:12:06] - v1.27.0-dev-178-gf09229e739 - Type: Modified - [footer] [sticky-ui] Fine-tuned the persistent footer lip geometry for better visual balance.
|
||||
- 1 - I updated `web_src/css/home.css` so the persistent-footer toggle lip now rises a bit higher above the footer edge and is slightly taller, giving the handle a more relaxed fit against the footer border.
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="secondary-nav">
|
||||
{{with .Repository}}
|
||||
<div class="ui container">
|
||||
<div class="ui container nav">
|
||||
<div class="repo-header">
|
||||
<div class="flex-item tw-items-center">
|
||||
<div class="flex-item-leading">
|
||||
@@ -132,7 +132,7 @@
|
||||
{{if .IsGenerated}}<div class="fork-flag">{{ctx.Locale.Tr "repo.generated_from"}} <a href="{{(.TemplateRepo ctx).Link}}">{{(.TemplateRepo ctx).FullName}}</a></div>{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="ui container">
|
||||
<div class="ui container nav">
|
||||
<overflow-menu class="ui secondary pointing menu">
|
||||
{{if not (or .Repository.IsBeingCreated .Repository.IsBroken)}}
|
||||
<div class="overflow-menu-items">
|
||||
|
||||
@@ -126,12 +126,12 @@ Then the inner one needs to get padding and parent "item" padding needs to be re
|
||||
body.show-persistent-footer #persistent-footer-visibility-toggle {
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
top: calc(-1 * var(--persistent-footer-lip-height));
|
||||
top: calc(-1.6 * var(--persistent-footer-lip-height));
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50px;
|
||||
height: var(--persistent-footer-lip-height);
|
||||
height: calc(var(--persistent-footer-lip-height) + 4px);
|
||||
padding: 0;
|
||||
color: var(--color-nav-text);
|
||||
background: var(--color-footer);
|
||||
|
||||
@@ -8,6 +8,13 @@
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.ui.container.nav {
|
||||
width: 100%;
|
||||
max-width: calc(100% - calc(2* var(--page-margin-x)));
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.ui.fluid.container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -128,12 +128,12 @@ body.show-persistent-navbar #navbar {
|
||||
body.show-persistent-navbar #persistent-navbar-visibility-toggle {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: -11px;
|
||||
bottom: -13px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50px;
|
||||
height: 11px;
|
||||
height: 12px;
|
||||
padding: 0;
|
||||
color: var(--color-nav-text);
|
||||
background: var(--color-nav-bg);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.repository .secondary-nav {
|
||||
padding-top: 12px;
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.repository .secondary-nav .fork-flag {
|
||||
|
||||
Reference in New Issue
Block a user