Post your current Custom CSS (with comments)!

🌈Share & Showcase
42

UPDATE: correct error in code.

Related to my request thread here: “Hidden Text Markup” for embedding hidden tags, keys [keywords], and/or Links within entries for helping maintain uncluttered lists

1) What it is: Hide any text in an entry, such as tags, keys/keywords, notes, links, etc. using Selectively Styled Dynalist Links (using character ensembles you choose for targeting specified links).
Based on [linkLabel](linkURL)markdown…
a) Any aspect of the linkLabel and/or linkURL may be kept hidden (when not editing within the list-entry item, of course).
b) Hidden info is responsive to searches, but Remains Hidden even when filter-searching.
c) Individual or Classes of links may be targetted.

2) Example Entries: following are based on [linkLabel](linkURL). In this example I am using " _" (space+underscore) at the beginning of any linkURL for targetting any such link from the CSS. In each case here I am using a word, a bullet, a 4-character key, or a non-printing character in the linkLabel…
[ customLabel ]( _anything here gets hidden )
Entry1 [•]( _hidden tags, keys, notes, links)
Entry2 [tftl]( _tags, keys, notes, links)
Entry3 [Alt-0160]( _ hidden tags, keys, links here) …utilizes a " null identifier" which hides the link entirely.

3) Results (can be customized in different ways):

Entry1 blah blah, following bullet has hidden stuff •
Entry2 blah blah, another buried nugget tftl
Entry3 using a null identifier at the end=
…where the bullet and the ‘tftl’ are displayed as underlined links.

Sample CSS
/* hide tags, keys, text, notes inside native DList links */
a[href^=“http:// _”]{ /* First chars of link must be space + underscore for style */
color:darkgreen;
display:inline-block;
max-width: 33px; /*about 4 chars -adjust for linkLabel*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; /* if you like */
line-height:10pt;
font-size:0.8em; /*reduced size */
text-indent: -1px; /* help hide the opening label-bracket */
}
/* kind of thing. create various versions to create classes if you like */

Caveats

  • Since links expand when editing, Entry editing is a little messy
  • You can try different linkURL tricks to suppress odd behavior in the web browser, like launching a new blank page if clicked. I.e., keep in mind this is a workaround utilizing what are still technically links ;^)
  • I have not spent time honing this for mobile devices, only on my desktop. YMMV ;^)

Please visit the post link to at the top, review the dicussion, and if this is something you think would benefit the Dynalist project, please chime in there.

Thank you.
HTHawks

1 Like