Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Some things for the design #19

Open
tkapias opened this issue Mar 25, 2021 · 0 comments
Open

Some things for the design #19

tkapias opened this issue Mar 25, 2021 · 0 comments

Comments

@tkapias
Copy link

tkapias commented Mar 25, 2021

I added some scss elements for the view and the print :

  • display for blockquote and blockcode (pre) in the editor style.
  • blockquote more centered
  • pasted pictures are enlarged and centred with a 5% margin, same for the caption text under them
  • force the styles for print
  • force background printing for blockcode at print
  • hide the lines that are not selected in the pricing tables for print
/* Modifications for view and print */
blockquote {
    margin: 0 0 0 0.3em;
    padding: 0 1em 0 1em;
    border-left: 0.3em solid #ccc;
}

pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    margin: 0;
    padding: 0.5em;
    background-color: #eee;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

figure img {
    width: 90%;
    height: auto;
    margin: 0 5% 0 5%;
    border: dashed medium #ccc;
}

figcaption {
    width: 90%;
    height: auto;
    text-align: center;
}

@media print {
  blockquote {
      margin: 0 0 0 0.3em;
      padding: 0 1em 0 1em;
      border-style: none;
      border-left: 0.3em solid #ccc;
  }
  tr.item:not(.selected) {
      display: none;
  }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant