pagedown icon indicating copy to clipboard operation
pagedown copied to clipboard

Resume: Remove vertical decorator for specific section

Open abruegger opened this issue 2 years ago • 2 comments

I added a new section with publications that doesn't require a vertical bar at the left (used for dates in "normal" sections). I managed to change this section in some regards (e.g., placing text at desired place on page with

). But I can't figure out how to remove the bar, which is distracting here.

remove_decorator.pdf

Is there a way to remove the vertical decorator line after the icon in Resume? I tried to turn it off via a custom CSS file or via a code snippet within the .Rmd file but so far without success. I guess my main problem is that I don't know how to identify / access the element that creates the bar.

Please note that I would like to keep the line for the other sections for which it is useful (e.g., positions).

abruegger avatar Dec 30 '21 07:12 abruegger

Had a similar problem.

If you want to remove the vertical line / decorator border for all elements in the page, you need to write the following in a custom CSS:

* {
  --decorator-border: none;
}

To remove it only for specific elements, replace the * with the respective CSS selector.

internaut avatar May 13 '22 09:05 internaut

Had a similar problem.

If you want to remove the vertical line / decorator border for all elements in the page, you need to write the following in a custom CSS:

* {
  --decorator-border: none;
}

To remove it only for specific elements, replace the * with the respective CSS selector.

Thanks a lot, it worked and I wouldn't have figured this out myself.

For future reference: If you want to include a special icon (mycustomicon) and remove the decorator only for some sections (relevantsection), do this:

In the .Rmd file (no semicolons or colons, just space between the arguments): {#relevantsection data-icon=mycustomicon}

In your custom CSS:

/* Remove decorater for section with ID relevantsection */
[data-id="relevantsection"] {
  --decorator-border: none;
}

abruegger avatar May 14 '22 05:05 abruegger