OcttKB/Wiki-OcttKB/tiddlers/System/$__Styles_Breadcrumbs.tid

86 lines
2.8 KiB
Plaintext

created: 20230126091040410
creator: Octt
modified: 20230301212829674
modifier: Octt
tags: $:/tags/Stylesheet
title: $:/Styles/Breadcrumbs
\import [[$:/Macros/Styles]]
\define River() .tc-story-river
\define SRiver() .tc-static-story-river
\define Frame() .tc-tiddler-frame
\define Titler() .tc-tiddler-title
<<River>> > <<Frame>> <<Titler>> .tc-title { <<NoDisp>> }
.tc-story-river > .tc-tiddler-frame > .View-Breadcrumbs {
opacity: 0.80;
/*
font-size: xx-large;
margin-top: 0px;
margin-bottom: -1.5em;
position: sticky;
z-index: 512;
*/
}
.tc-story-river > .tc-tiddler-frame:not(.tc-tiddler-missing) > .View-Breadcrumbs > * {
/*font-style: normal !important;*/
opacity: 0.40;
}
.tc-story-river > .tc-tiddler-frame:not(.tc-tiddler-missing) > .View-Breadcrumbs:hover > * { opacity: 0.80; }
.tc-story-river > .tc-tiddler-frame .View-Breadcrumbs > .Inline-Icon > * {
width: 1em;
height: 1em;
vertical-align: top;
}
/*.View-Breadcrumbs { display: inline-flex; }*/
/*.View-Breadcrumbs > .Inline-Sep:not(.View-Breadcrumbs > .Inline-Sep:last-of-type):before*/
.View-Breadcrumbs > .Inline-Sep { padding-left: 0.3em; padding-right: 0.3em; }
.View-Breadcrumbs > .Inline-Sep:after { content: '>'; font-size: smaller; }
.View-Breadcrumbs > .Inline-Sep > span { font-size: 0px; }
.View-Breadcrumbs > .Path-Elem[data-path-elem="$:"] > a,
.View-Breadcrumbs > .Path-Elem[data-path-elem="$:"] + .Inline-Sep
{ color: gray; padding-left: 0em; }
.View-Breadcrumbs > .Path-Elem[data-path-elem="$:"] + .Inline-Sep:after { content: ''; }
.View-Breadcrumbs > .Path-Elem[data-path-elem="$:"] + .Inline-Sep > span { font-size: revert; font-size: smaller; }
.View-Breadcrumbs > .Path-Elem:last-of-type { cursor: pointer; }
.View-Breadcrumbs details { display: inline; vertical-align: top; }
.tc-static-story-river > .tc-tiddler-frame > .tc-tiddler-title details > summary,
.View-Breadcrumbs details > summary {
width: fit-content;
list-style: none;
cursor: pointer;
}
tc-table-of-contents
.tc-static-story-river > .tc-tiddler-frame > .tc-tiddler-title details > .tc-tree,
.tc-static-story-river > .tc-tiddler-frame > .tc-tiddler-title details > .tc-table-of-contents,
.View-Breadcrumbs details > .tc-tree,
.View-Breadcrumbs details > .tc-table-of-contents {
font-size: initial; line-height: 1rem;
}
.tc-static-story-river > .tc-tiddler-frame > .tc-tiddler-title details > .tc-tree > span,
.tc-static-story-river > .tc-tiddler-frame > .tc-tiddler-title details > .tc-table-of-contents > span,
.View-Breadcrumbs details > .tc-tree > span,
.View-Breadcrumbs details > .tc-table-of-contents > span {
display: none;
}
.tc-static-story-river > .tc-tiddler-frame > .tc-tiddler-title .Path-Copy { display: none; }
.View-Breadcrumbs > .Path-Copy {
margin-left: 0.3em;
margin-right: 0.3em;
text-decoration: none;
font-size: smaller;
}