empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-07 09:18:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
2c45d25ad3
fleet/frontend/pages/ConfirmInvitePage/_styles.scss

60 lines
1.0 KiB
SCSS
Raw Normal View History

374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
.confirm-invite-page {
Removed all traces of Redux from the app! (#5287) * clean up routes and useless components * component clean up * removed redux from routes * rename file * moved useDeepEffect hook with others * removed redux, fleet, app_constants dirs; added types to utilities * style cleanup * typo fix * removed unused ts-ignore comments * removed redux packages!!! * formatting * fixed typing for simple search function * updated frontend readme
2022-04-22 16:45:35 +00:00
margin: 2.5rem auto;
Align Fleet UI colors with Figma components (#615) - This if the 1st PR as part of the of the Align components in Fleet UI with design system in Figma #539 - These changes replace all the color variables in /styles/var/colors.scss with new colors and naming convention used in Figma.
2021-04-09 19:04:11 +00:00
background-color: $core-white;
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
border-radius: 10px;
width: 436px;
Align Fleet UI with Figma (spacing and fonts) (#628) This if the 2nd PR as part of the of the Align components in Fleet UI with design system in Figma #539 These changes **refactor the spacing and font sizes** used by the frontend. - Change the scss variables in `padding.scss` and `fonts.scss`. - Replace custom styles with the new variables throughout all stylesheets.
2021-04-10 00:30:42 +00:00
padding: $pad-xxlarge;
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
&__form-section-description {
h2 {
font-size: 18px;
font-weight: $bold;
line-height: 0.72;
letter-spacing: 0.6px;
Bring new style variables from teams into master (#707) This PR brings the style changes made in the "Align Fleet UI colors with Figma components" #615 and "Align Fleet UI with Figma (spacing and fonts)" #628 PRs into the master branch.
2021-04-30 21:32:50 +00:00
color: $core-fleet-black;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
margin: 0;
padding: 0;
}
p {
Align Fleet UI colors with Figma components (#615) - This if the 1st PR as part of the of the Align components in Fleet UI with design system in Figma #539 - These changes replace all the color variables in /styles/var/colors.scss with new colors and naming convention used in Figma.
2021-04-09 19:04:11 +00:00
color: $core-fleet-black;
Align Fleet UI with Figma (spacing and fonts) (#628) This if the 2nd PR as part of the of the Align components in Fleet UI with design system in Figma #539 These changes **refactor the spacing and font sizes** used by the frontend. - Change the scss variables in `padding.scss` and `fonts.scss`. - Replace custom styles with the new variables throughout all stylesheets.
2021-04-10 00:30:42 +00:00
font-size: $x-small;
Add Nunito Sans font and update global styles. (#59) This is the first PR as a part of the Fleet UI Refresh #38. Changes include: - Add Nunito Sans font files and modify global styles to reflect the font change. - Modify global font variables to reflect new sizing and weight naming conventions. -- New sizing and naming conventions: --- SIZE: xx-small: 12px, x-small: 14px, small: 16px, medium: 20px, large: 24px, x-large: 28px --- WEIGHT: regular: 400, bold: 700 - Remove the old Oxygen font files. Changes to other style sheets reflect the changes to the new font sizing and weight naming conventions for global variables. The changes don't necessarily use the correct size (as illustrated by mockups). Those "up to spec" sizing changes are to come.
2020-11-20 00:51:22 +00:00
font-weight: $regular;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
}
}
&__form-section-wrapper {
box-sizing: border-box;
Updating styles for Accept Invite page (#747)
2017-01-05 15:53:41 +00:00
margin-bottom: 110px;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
}
&__lead-wrapper {
Align Fleet UI with Figma (spacing and fonts) (#628) This if the 2nd PR as part of the of the Align components in Fleet UI with design system in Figma #539 These changes **refactor the spacing and font sizes** used by the frontend. - Change the scss variables in `padding.scss` and `fonts.scss`. - Replace custom styles with the new variables throughout all stylesheets.
2021-04-10 00:30:42 +00:00
border-radius: $border-radius;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
box-sizing: border-box;
}
&__lead-text {
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
font-size: $medium;
Add Nunito Sans font and update global styles. (#59) This is the first PR as a part of the Fleet UI Refresh #38. Changes include: - Add Nunito Sans font files and modify global styles to reflect the font change. - Modify global font variables to reflect new sizing and weight naming conventions. -- New sizing and naming conventions: --- SIZE: xx-small: 12px, x-small: 14px, small: 16px, medium: 20px, large: 24px, x-large: 28px --- WEIGHT: regular: 400, bold: 700 - Remove the old Oxygen font files. Changes to other style sheets reflect the changes to the new font sizing and weight naming conventions for global variables. The changes don't necessarily use the correct size (as illustrated by mockups). Those "up to spec" sizing changes are to come.
2020-11-20 00:51:22 +00:00
font-weight: $regular;
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
margin: 0 0 6px;
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
text-align: center;
}
&__sub-lead-text {
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
font-size: $x-small;
Add Nunito Sans font and update global styles. (#59) This is the first PR as a part of the Fleet UI Refresh #38. Changes include: - Add Nunito Sans font files and modify global styles to reflect the font change. - Modify global font variables to reflect new sizing and weight naming conventions. -- New sizing and naming conventions: --- SIZE: xx-small: 12px, x-small: 14px, small: 16px, medium: 20px, large: 24px, x-large: 28px --- WEIGHT: regular: 400, bold: 700 - Remove the old Oxygen font files. Changes to other style sheets reflect the changes to the new font sizing and weight naming conventions for global variables. The changes don't necessarily use the correct size (as illustrated by mockups). Those "up to spec" sizing changes are to come.
2020-11-20 00:51:22 +00:00
font-weight: $regular;
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
text-align: center;
margin: 0;
}
.confirm-invite-button-wrap {
display: flex;
justify-content: center;
Align Fleet UI with Figma (spacing and fonts) (#628) This if the 2nd PR as part of the of the Align components in Fleet UI with design system in Figma #539 These changes **refactor the spacing and font sizes** used by the frontend. - Change the scss variables in `padding.scss` and `fonts.scss`. - Replace custom styles with the new variables throughout all stylesheets.
2021-04-10 00:30:42 +00:00
margin-top: $pad-xxlarge;
New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match.
2020-12-09 01:45:08 +00:00
.button {
width: 160px;
}
374 confirm invite (#583) * ConfirmInviteForm * Render ConfirmInvitePage at /invites/:invite_token * Add email, pre-fill name, and handle successful submit * Fix button text
2016-12-29 20:27:43 +00:00
}
}
Reference in New Issue Copy Permalink