Files
TheGame/packages/web/assets/custom-markdown-editor.scss
vidvidvid ec8182d7da Role Onboarding using Quest Chains (#1150)
* feat: set up quests dashboard

move quest explorer to /quests/general

* feat: prepare containers for path-of-the-engaged and initiation quests

* chore(release): 0.2.0

* feat: add metacollab and web 3 onboarding categories

* feat: move initiation quests from notion -> metaOS

awyiss it's happening

* chore: lint quickfix

* feat: add descriptions, objectives, checkbox, collapse/expand

* add Dockerfile to .gitignore

* go

* quick fix

* upload proof modal

* config and install

* upload proof works

* show status of quests (pending, etc..)

* remove initiation & update engaged quests

* fix quest categories

add bridgebuilders, builders, patrons, fix icons

* typecheck fix

* fix address for bridgebuilders quests

* design of chain progress + small fix

* minor fixes

* using latest version of quest-chains sdk

* basic UI for quests

* using children for react-markdown

* better styling for quest tiles

* completed quest chain styling

* fixed toasts

* fixed imageLink

* added link to quest chains

* minor fixes

* added back to onboarding paths link

* fixed external link icon as absolute pos

* reduce gaps for mobile

Co-authored-by: Vid <vid@meisterlabs.com>
Co-authored-by: dan13ram <dan13ram@gmail.com>
2022-10-08 19:05:42 +01:00

65 lines
1.3 KiB
SCSS

.rc-md-editor {
border-radius: 0.375rem;
border-color: inherit;
background: none;
&.full {
background: #1b0d2a;
border-radius: 0;
z-index: 2000;
}
.rc-md-navigation {
background: none;
border-bottom-color: inherit;
.button-wrap {
.button {
color: white;
&:hover {
color: var(--chakra-colors-pink-500);
}
&.disabled {
color: var(--chakra-colors-whiteAlpha-300);
}
}
}
.drop-wrap {
&.show {
background: #1b0d2a;
border-radius: 0.375rem;
border-color: inherit;
color: white;
.list-item {
&:hover {
background: var(--chakra-colors-whiteAlpha-100);
color: var(--chakra-colors-pink-500);
}
}
}
}
}
.editor-container {
color: white;
background: none;
.sec-md {
.input {
color: white;
font-size: var(--chakra-fontSizes-md);
background: none;
overflow-y: auto;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
&:focus {
box-shadow: var(--chakra-shadows-outline);
}
}
}
.sec-html {
border-left: 1px solid;
border-left-color: inherit;
}
.sec-md.in-visible + .sec-html {
border-left: none;
}
}
}