forked from github/cinny
b24f858369
* remove shift from editor hotkeys * fix inline markdown not working * add block md parser - WIP * emojify and linkify text without react-parser * no need to sanitize text when emojify * parse block markdown in editor output - WIP * add inline parser option in block md parser * improve codeblock regex * ignore html tag when parsing inline md in block md * add list markdown rule in block parser * re-generate block markdown on edit * change copy from inline markdown to markdown * fix trim reply from body regex * fix jumbo emoji in reply message * fix broken list regex in block markdown * enable markdown by defualt
86 lines
1.4 KiB
TypeScript
86 lines
1.4 KiB
TypeScript
import { style } from '@vanilla-extract/css';
|
|
import { DefaultReset, config, toRem } from 'folds';
|
|
|
|
export const RelativeBase = style([
|
|
DefaultReset,
|
|
{
|
|
position: 'relative',
|
|
width: '100%',
|
|
height: '100%',
|
|
},
|
|
]);
|
|
|
|
export const AbsoluteContainer = style([
|
|
DefaultReset,
|
|
{
|
|
position: 'absolute',
|
|
top: 0,
|
|
left: 0,
|
|
width: '100%',
|
|
height: '100%',
|
|
},
|
|
]);
|
|
|
|
export const AbsoluteFooter = style([
|
|
DefaultReset,
|
|
{
|
|
position: 'absolute',
|
|
bottom: config.space.S100,
|
|
left: config.space.S100,
|
|
right: config.space.S100,
|
|
},
|
|
]);
|
|
|
|
export const ModalWide = style({
|
|
minWidth: '85vw',
|
|
minHeight: '90vh',
|
|
});
|
|
|
|
export const MessageBase = style({
|
|
position: 'relative',
|
|
});
|
|
|
|
export const MessageOptionsBase = style([
|
|
DefaultReset,
|
|
{
|
|
position: 'absolute',
|
|
top: toRem(-30),
|
|
right: 0,
|
|
zIndex: 1,
|
|
},
|
|
]);
|
|
export const MessageOptionsBar = style([
|
|
DefaultReset,
|
|
{
|
|
padding: config.space.S100,
|
|
},
|
|
]);
|
|
|
|
export const MessageAvatar = style({
|
|
cursor: 'pointer',
|
|
});
|
|
|
|
export const MessageQuickReaction = style({
|
|
minWidth: toRem(32),
|
|
});
|
|
|
|
export const MessageMenuGroup = style({
|
|
padding: config.space.S100,
|
|
});
|
|
|
|
export const MessageMenuItemText = style({
|
|
flexGrow: 1,
|
|
});
|
|
|
|
export const ReactionsContainer = style({
|
|
selectors: {
|
|
'&:empty': {
|
|
display: 'none',
|
|
},
|
|
},
|
|
});
|
|
|
|
export const ReactionsTooltipText = style({
|
|
wordBreak: 'break-word',
|
|
});
|