Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 111

Website: Fix overlapping edit button on documentation pages (#12363)

Browse source 
Closes: #12354
Changes:
- Added right margin to the first h1 in documentation pages to prevent
headings from overflowing onto the edit page button.
- Added a minimum height to the subtopics of documentation pages on
mobile screens to prevent the edit page button from being positioned
over the page's content.
This commit is contained in:
Eric 2023-06-15 16:41:19 -05:00 committed by GitHub
parent 55d56ba2db
commit 25144881f0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
website/assets/styles/pages/docs/basic-documentation.less vendored
View file

@ -528,6 +528,10 @@
padding: 0px;
display: none;
}
h1:first-of-type {
// Note: We're adding right margin to the first h1 to make sure it won't overlap the edit page button.
margin-right: 100px;
}
h1 {
padding-bottom: 16px;
}
@ -858,6 +862,9 @@
[purpose='right-sidebar'] {
width: 100%;
// Note: we're specifying a minimum height for this element to be the height of the edit page button.
// Even if there are no subtopics on a documentation page, we can be sure that the edit page button will not overlap the pages content.
min-height: 30px;
[purpose='subtopics'] {
color: @core-fleet-black;