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

2024-11-21 Website: browser compatibility fixes (#24051)

Browse source 
Closes: #24046
Closes: #24047
Closes: #24048
Closes: #24050
Related to: #23574


Changes:
- Fixed the width of the login form on mobile devices
- Updated video modal styles on the /customer-stories page 
- Fixed the vertical alignment of the search input placeholder on the
/queries page
- Updated the height of the cards on the /customer-stories page
- Updated the horizontal padding on the /guides page
This commit is contained in:
Eric 2024-11-21 17:15:53 -06:00 committed by GitHub
parent 46f10b85cd
commit 2f616fa93a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 62 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
website/assets/styles/pages/articles/articles.less vendored
View file

@ -220,7 +220,7 @@
}
[purpose='guides'] {
column-count: 3;
margin-left: -2px;
margin-left: -10px;
margin-right: 14px;
}
[purpose='guide-card'] {

4
website/assets/styles/pages/entrance/login.less vendored
View file

@ -164,7 +164,7 @@
[purpose='customer-portal-form'] {
max-width: unset;
}
[purpose='signup-form'] {
[purpose='login-form'] {
width: 100%;
}
[purpose='quote-and-logos'] {
@ -183,7 +183,7 @@
[purpose='page-container'] {
padding: 48px 24px;
}
[purpose='login-link'] {
[purpose='register-link'] {
margin-bottom: 12px;
}
[purpose='customer-portal-form'] {

1
website/assets/styles/pages/query-library.less vendored
View file

@ -51,6 +51,7 @@
}
.DocSearch-Button-Placeholder {
font-size: 16px;
line-height: 16px;
font-weight: 400;
padding-left: 0px;
}

67
website/assets/styles/pages/testimonials.less vendored
View file

@ -115,7 +115,6 @@
border-radius: 16px;
border: 1px solid var(--UI-Fleet-Black-10, #E2E4EA);
background: var(--Core-White, #FFF);
height: min-content;
margin-bottom: 24px;
[purpose='logo'] {
img {
@ -354,7 +353,22 @@
height: 641px;
}
}
@media (max-width: 1199px) {
[purpose='video-modal'] {
[purpose='modal-dialog'] {
width: 100%;
max-width: 100%;
}
[purpose='modal-content'] {
max-width: 960px;
height: 540px;
}
iframe {
width: 960px;
height: 540px;
}
}
}
@media (max-width: 991px) {
@ -364,14 +378,40 @@
[purpose='page-container'] {
padding: 64px 32px;
}
[purpose='video-modal'] {
[purpose='modal-dialog'] {
max-width: 97vw;
}
[purpose='modal-content'] {
max-width: 540px;
height: 304px;
}
iframe {
width: 540px;
height: 304px;
}
}
}
@media (max-width: 776px) {
[purpose='page-container'] {
padding: 48px 24px;
}
[purpose='testimonials-container'] {
columns: 2;
}
[purpose='page-container'] {
padding: 48px 24px;
}
[purpose='testimonials-container'] {
columns: 2;
}
[purpose='video-modal'] {
[purpose='modal-dialog'] {
max-width: 97vw;
}
[purpose='modal-content'] {
max-width: 540px;
height: 304px;
}
iframe {
width: 540px;
height: 304px;
}
}
}
@media (max-width: 576px) {
@ -437,7 +477,16 @@
}
}
}
[purpose='video-modal'] {
[purpose='modal-content'] {
width: 95vw;
height: calc(~'9/16 * 95vw');
}
iframe {
width: 95vw;
height: calc(~'9/16 * 95vw');
}
}
}
}