feat: enhance plugin categories layout for better text handling and responsiveness
feat: improve back-to-top button visibility by conditionally rendering on content pages only
This commit is contained in:
1 parent
aa956d0016
commit
ca0a9d5cb3
2 files changed
+15
-4
No files matched your search
+11
-4
@@ -1171,11 +1171,18 @@ img.nav-svg-icon {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.plugin.plugin-categories li a {
|
.plugin.plugin-categories li a {
|
||||||
display: block;
|
/* fill the grid cell and centre the label; tighter side padding + wrapping
|
||||||
|
so names fit the narrow columns instead of being truncated. Flex + 100%
|
||||||
|
height keeps both pills in a row the same height when one wraps. */
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
overflow: hidden;
|
padding: 0.3rem 0.55rem;
|
||||||
text-overflow: ellipsis;
|
line-height: 1.25;
|
||||||
white-space: nowrap;
|
overflow-wrap: anywhere;
|
||||||
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Search plugin — target input directly in case the plugin omits form-control */
|
/* Search plugin — target input directly in case the plugin omits form-control */
|
||||||
|
|||||||
@@ -757,8 +757,12 @@
|
|||||||
|
|
||||||
/* --------------------------------------------------------
|
/* --------------------------------------------------------
|
||||||
Back-to-top button — appears after scrolling down.
|
Back-to-top button — appears after scrolling down.
|
||||||
|
Only on article/page views (where there's .content to read), not on the
|
||||||
|
homepage post list.
|
||||||
-------------------------------------------------------- */
|
-------------------------------------------------------- */
|
||||||
(function () {
|
(function () {
|
||||||
|
if (!document.querySelector('.content')) return;
|
||||||
|
|
||||||
var btn = document.createElement('button');
|
var btn = document.createElement('button');
|
||||||
btn.type = 'button';
|
btn.type = 'button';
|
||||||
btn.className = 'back-to-top';
|
btn.className = 'back-to-top';
|
||||||
|
|||||||
Reference in new issue
Block a user