1
0
Fork 0
mirror of synced 2024-09-11 15:08:05 +12:00
budibase/packages/bbui/src/bbui.css
Andrew Kingston d92f1a7097 Portal redesign (#9336)
* Update BB logo to black

* Update top nav bar and core layout

* Add redesign for apps pages

* Update user and groups pages

* More WIP portal redesign!

* Fix top nav colours and fix selected tab not updating

* Remove log

* Update copy on settings pages

* Update and standardise page headers and subtitles, and remove side nav titles

* Update font styles to allow for easy customisation

* Update button styles to always use newStyles, update auth page styles

* Update settings pages to new designs

* Update structure for account pages

* Add initial rewrite of app overview section

* Update config checklist to properly center

* Update app overview version and name/url screens

* Add tooltip to explain why URL cannot be changed until unpublishing

* Update overview automation history tab

* Update overview backups page

* Rewrite app overview access tab

* Update table hover colours

* Remove scrolling from tables when not required and stop selects from updating their own state locally

* Update table styles to support flexible column widths much better

* Fix extremely long strings in breadcrumbs not wrapping

* Fix multiple issues with long text overflow

* Fix flashing in version settings page

* Fix loading bugs in app backups page

* Add sidebar for portal and use it for automation history. Fix multiple overflow and scrolling issues

* Tidy up

* Update user details page to use tables and match designs

* Update users detail page

* Update user and group details pages with new tables

* Fix automation error linking from apps page and improve automation fetching logic in automation history

* Move theme and API key into user profile dropdown instead of settings

* Move settings before account and show plugins for devs

* Convert plugins page to table and update components and modals

* Update links when going back from the builder

* Update plugin search placeholder

* Fix URLs in app overview

* Properly handle text overflow in plugins table

* Remove getting started checklist

* Fix checklist removal and fix profile modal

* Update email details page to match new designs

* Cleanup

* Add licensing and env logic to determine which account links to show

* Update upgrade button URL for cloud accounts

* Update app list to use a more compact style

* Make core page layout responsive and update apps list to be responsive

* Update mobile design of apps page

* Update more pages to be responsive and add mobile specific components

* Refactor main portal page into multiple components

* Update multiple pages to be responsive and improve loading experience

* Make automation history page responsive

* Update backups page to be responsive

* Update pickers to use absolutely positioned root popover so that overflow does not matter

* Fix some responsive styles

* Fix update link in app overview

* Improve dropdown logic

* Lint

* Update click outside handler to handle modals properly

* Remove log

* Fix mobile menu upgrade button not closing menu

* Hide groups page if disabled at tenant level

* Centralise menu logic and show full menu on mobile

* Update app access assignment and fix backups table

* Ensure avatars cannot be squished

* Standardise disabled field text colour

* Allow developer users to access users, groups and usage pages

* Allow readonly access to users and groups for developer users

* Remove logs

* Improve users page loading experience

* Improve responsiveness on apps list page and fix discussions link styles

* Update spacing on user and group detail page and fix usage page showing wrong copy

* Fix logo override not working

* Pin minio version to an old one that supports the fs backend in dev

* Shrink upgrade button

* Shrink user dropdown

* Update assignment modal text

* Remove clickable visual styles from plugins

* Always show groups section in app access page

* Update app overview button styles to include more CTAs

* Hide edit and view links in more menu on overview page unless on mobile

* Make usage stats responsive and fix layout issues

* Add comment to docker-compose config
2023-01-18 13:56:53 +00:00

100 lines
No EOL
2.4 KiB
CSS

:root {
--background: #ffffff;
--ink: #000000;
--grey-1: #fafafa;
--grey-2: #f5f5f5;
--grey-3: #eeeeee;
--grey-4: #e0e0e0;
--grey-5: #bdbdbd;
--grey-6: #9e9e9e;
--grey-7: #757575;
--grey-8: #616161;
--grey-9: #424242;
--blue-light: #f1f4fc;
--blue: #4285f4;
--blue-dark: #2f4c9b;
--red-light: #ffe6e6;
--red: #e26d69;
--red-dark: #800400;
--yellow-light: #fff7e6;
--yellow: #ffd26a;
--yellow-dark: #805900;
--orange-light: #fff0e6;
--orange: #f0955a;
--orange-dark: #803300;
--green-light: #e6ffeb;
--green: #84c991;
--green-dark: #008017;
--purple-light: #e9e6ff;
--purple: #806fde;
--purple-dark: #130080;
--rounded-small: 4px;
--rounded-medium: 8px;
--rounded-large: 16px;
--font-sans: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, "Inter",
"Helvetica Neue", Arial, "Noto Sans", sans-serif;
--font-accent: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, "Inter",
"Helvetica Neue", Arial, "Noto Sans", sans-serif;
--font-serif: "Georgia", Cambria, Times New Roman, Times, serif;
--font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
monospace;
--spectrum-alias-body-text-font-family: var(--font-sans);
font-size: 16px;
--font-size-xs: 0.75rem;
--font-size-s: 0.875rem;
--font-size-m: 1rem;
--font-size-l: 1.15rem;
--font-size-xl: 1.3rem;
--heading-font-size-xs: 0.875rem;
--heading-font-size-s: 1.12rem;
--heading-font-size-m: 1.5rem;
--heading-font-size-l: 2.6rem;
--heading-font-size-xl: 3rem;
--font-render: optimizeLegibility;
--font-smooth: antialiased;
--spacing-xs: 0.25rem;
--spacing-s: 0.5rem;
--spacing-m: 0.75rem;
--spacing-l: 1rem;
--spacing-xl: 1.25rem;
--layout-xs: 1.25rem;
--layout-s: 1.5rem;
--layout-m: 2rem;
--layout-l: 3rem;
--layout-xl: 4rem;
--border-radius-xs: 0.125rem;
--border-radius-s: 0.35rem;
--border-radius-m: 0.5rem;
--border-radius-l: 1rem;
--border-radius-xl: 100rem;
--border-black: 2px var(--ink) solid;
--border-dark: 2px var(--grey-7) solid;
--border-grey: 1px var(--grey-4) solid;
--border-grey-2: 2px var(--grey-4) solid;
--border-light: 1px var(--grey-3) solid;
--border-light-2: 2px var(--grey-3) solid;
--border-blue: 2px var(--blue) solid;
--border-transparent: 2px transparent solid;
--spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-600);
}
a {
text-decoration: none;
}