FHIR Chat · Pink STU ribbon in an IG? · IG creation

Stream: IG creation

Topic: Pink STU ribbon in an IG?

Jose Costa Teixeira (Oct 12 2019 at 16:46):

Can we have a pink ribbon like we had for some resources in an IG page?

Eric Haas (Oct 12 2019 at 20:01):

you mean like this?...

pasted image

Eric Haas (Oct 12 2019 at 20:04):

that is simple a class = 'stu-note' and some css in project css:

if you are using the standard templates, will add to them if you have your own templates here is the css

in pages/assets/css/project.css

/* ----------note-to-balloters styling------*/

.note-to-balloters::before {
  white-space: pre;
  content: "Note To Balloters\A ";
  #background-color: yellow;
  color: red;
  font-weight: bold;}
.note-to-balloters, .stu-note{
    margin: 5px;
    padding: 10px;
    border-left-style: solid;
    background-color: #fff2ff;
    border-left-color: #ffa0ff;
}

.stu-note::before {
  white-space: pre;
  content: "STU Note\A ";
  #background-color: yellow;
  color: red;
  font-weight: bold;}

Jose Costa Teixeira (Oct 12 2019 at 20:13):

Thanks, that's it. I thought it would be there in the IG css. If not, I think it is indeed a good idea to make it available.

Jose Costa Teixeira (Oct 12 2019 at 20:16):

btw, in the standard template, this is is in content/assets/css, right?

Lloyd McKenzie (Oct 12 2019 at 20:23):

y

Eric Haas (Oct 12 2019 at 20:36):

adding classes to markdown either using <div class="stu-note"> ...</div> or '{:.stu-note}' right before or after the text block.

Last updated: Apr 12 2022 at 19:14 UTC