Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 52

Handbook style fix (#2253)

Browse source 
Reduced handbook template width to bring inline with the width in Figma. (The extra 200px forces the text content a little too wide, introducing reading fatigue.)

Reverted paragraph font size back to default 16px, and also removed the bootstrap override to avoid duplicate declarations.

Thank you @eashaw for humoring me with the font-size change. I realise now that it's not the size, but the actual font that is the issue. Looks like there is a discrepancy between how Figma and the browser are rendering Nunito (specifically the curly tails on the 'l'). I will track this separately for later.
This commit is contained in:
Mike Thomas 2021-09-29 12:34:16 +09:00 committed by GitHub
parent 435178e93c
commit 167053d57c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 1 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
website/assets/styles/bootstrap-overrides.less vendored
View file

@ -43,7 +43,6 @@ h2 {
}
p {
font-size: 16px;
line-height: 24px;
}

1
website/assets/styles/pages/handbook/basic-handbook.less vendored
View file

@ -190,7 +190,6 @@
}
p {
font-family: @header-font;
font-size: 14px;
}
ul {
list-style-type: disc;

2
website/views/pages/handbook/basic-handbook.ejs vendored
View file

@ -1,5 +1,5 @@
<div id="basic-handbook" v-cloak>
<div purpose="handbook-template" style="max-width: 1200px;" class="container-fluid p-0 px-lg-3 mb-5">
<div purpose="handbook-template" style="max-width: 1000px;" class="container-fluid p-0 px-lg-3 mb-5">
<div class="d-flex flex-column flex-md-row pt-lg-4 pb-lg-4 m-0">
<div purpose="mobile-breadcrumbs-container" class="d-flex justify-content-lg-between p-0 pt-4 pb-lg-2 m-0">
<div purpose="mobile-breadcrumbs" class="d-block d-md-none">