You are not logged in.

Announcement

 Téléchargez la dernière version stable de GLPI      -     Et vous, que pouvez vous faire pour le projet GLPI ? :  Contribuer
 Download last stable version of GLPI                      -     What can you do for GLPI ? :  Contribute

#1 2021-02-18 19:13:21

KRP
Member
Registered: 2019-10-08
Posts: 25

Knowledge Base font size

In the edit view on the FAQ/KB the content is displayed clearly and at a good size but when users view or I change the KB tab (non edit tab) the fonts are almost 1/2 the size and its a lot harder to distinguish bolding, and other formatting.

Other areas of the GLPI server are fine for the most part, there is a slight font size reduction on the tickets follow-up page but its still fine.

Offline

#2 2021-08-04 17:55:00

derry43
Member
Registered: 2020-01-20
Posts: 1

Re: Knowledge Base font size

Rodrigo de Souza (r-souza), on his GIST (gist.github.com/r-souza) provided an excellent CSS file (glpi-better-kb.css) to fix this (or at least work around this) for the KB and FAQ articles.


If you are using a recent version of GLPI, you can add the CSS (below) without editing any files. In GLPI, open Administration -> Root entity -> UI Customization. Copy and paste the CSS, save, et voila.

Or if using an older version, simply put the CSS in a file glpi-better-kb.css in the GLPI CSS folder (e.g. "/var/www/glpi/css"), then edit the files "front/knowbaseitem.form.php" and "front/helpdesk.faq.php" and add the line echo Html::css('css/glpi-better-kb.css'); just after the include statement, as follows.

include ('../inc/includes.php');
echo Html::css('css/glpi-better-kb.css');

CSS:

#kbanswer {
  color: rgba(0,0,0,.80);
}

#kbanswer p {
  line-height: 1.58;
  font-size: large; 
  text-align: justify;
  letter-spacing: -0.003em !important;
}

#kbanswer strong{
  font-weight: bold;
}

#kbanswer a {
  font-size: large;
}

/**
 * Subject - Size and spacing
 */ 
.tab_cadre_fixe > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > h2 {
  margin-bottom: 10px;
}

.tab_cadre_fixe > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {
  font-size: 2.0em !important;
}

.tab_cadre_fixe > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) > h2:nth-child(1) {
    display: none;
}

/* Based on https://stackoverflow.com/a/48694906 */ 
#kbanswer code {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-left: 3px solid #f36d33;
  border-radius: 5px;
  color: #666;
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 15px;
  max-width: 100%;
  overflow: auto;
  padding: 01em 1.5em;
  display: block;
  word-wrap: break-word;
}

#kbanswer h1 {
  font-size: 2.5em !important;;
}

#kbanswer h2 {
  font-size: 2.0em !important;;
}


#kbanswer h3 {
  font-size: 1.8em !important;;
}

#kbanswer h4 {
  font-size: 1.5em !important;
}

#kbanswer ol li, #kbanswer ul li {
  font-size: large;
  margin-left: 25px;
  line-height: 1.5;
}

Offline

#3 2021-08-16 17:22:50

KRP
Member
Registered: 2019-10-08
Posts: 25

Re: Knowledge Base font size

Thanks derry43, that worked well.

I poked around and it seems this is only affecting the KB area, can you confirm that or are there other areas that may be affected?

Offline

#4 2021-08-16 19:56:15

KRP
Member
Registered: 2019-10-08
Posts: 25

Re: Knowledge Base font size

derry43, we have noticed that the changes above have also affected the ticket follow-up section;

"File(s)(2 Mio max)"
"Attach file by drag & drop or copy & paste in editor or selecting them"

This area is now looking like a H2 size but changing those settings in the code is not having an affect. I tried several other areas but not having any luck figuring it out.

Offline

Board footer

Powered by FluxBB