variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

css changes

Browse source
This commit is contained in:
asuk 2023-09-22 13:32:53 +02:00
parent 249884133c
commit 386bdd026b
8 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
theatre/studio/src/panels/BasePanel/PanelWrapper.tsx
View file

@ -9,6 +9,7 @@ const Container = styled.div`
user-select: none; user-select: none;
box-sizing: border-box; box-sizing: border-box;
font-family: 'Tonka'; font-family: 'Tonka';
font-variation-settings: 'wght' 800;
${pointerEventsAutoInNormalMode}; ${pointerEventsAutoInNormalMode};
/* box-shadow: 1px 2px 10px -5px black; */ /* box-shadow: 1px 2px 10px -5px black; */

1
theatre/studio/src/panels/DetailPanel/DeterminePropEditorForDetail/SingleRowPropEditor.tsx
View file

@ -89,6 +89,7 @@ const InputContainer = styled.div`
flex-grow: 0; flex-grow: 0;
padding-bottom: 4px; padding-bottom: 4px;
padding-top: 4px; padding-top: 4px;
font-variation-settings: 'wght' 800;
` `
type ISingleRowPropEditorProps<T> = { type ISingleRowPropEditorProps<T> = {

3
theatre/studio/src/panels/OutlinePanel/BaseItem.tsx
View file

@ -32,6 +32,7 @@ const Header = styled(BaseHeader)`
pointer-events: none; pointer-events: none;
white-space: nowrap; white-space: nowrap;
font-family: 'Tonka'; font-family: 'Tonka';
font-variation-settings: 'wght' 800;
/*box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.48);*/ /*box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.48);*/
color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);
@ -64,7 +65,7 @@ const Header = styled(BaseHeader)`
` `
export const outlineItemFont = css` export const outlineItemFont = css`
font-weight: 500; font-variation-settings: 'wght' 800;
font-size: 12px; font-size: 12px;
& { & {
} }

2
theatre/studio/src/propEditors/utils/propNameTextCSS.tsx
View file

@ -4,6 +4,6 @@ import {css} from 'styled-components'
export const propNameTextCSS = css<{isHighlighted?: PropHighlighted}>` export const propNameTextCSS = css<{isHighlighted?: PropHighlighted}>`
font-weight: 300; font-weight: 300;
font-size: 12px; font-size: 12px;
font-variation-settings: 'wght' 130; font-variation-settings: 'wght' 500;
color: ${(props) => (props.isHighlighted === 'self' ? '#000000' : '#000000')}; color: ${(props) => (props.isHighlighted === 'self' ? '#000000' : '#000000')};
` `

2
theatre/studio/src/uiComponents/form/BasicNumberInput.tsx
View file

@ -53,7 +53,7 @@ const Input = styled.input`
border-radius: 0px; border-radius: 0px;
margin-bottom: 0px; margin-bottom: 0px;
text-align: center; text-align: center;
font-variation-settings: 'wght' 200; font-variation-settings: 'wght' 700;
&:focus { &:focus {
cursor: text; cursor: text;

1
theatre/studio/src/uiComponents/form/BasicSelect.tsx
View file

@ -32,6 +32,7 @@ const Select = styled.select`
text-align: left; text-align: left;
width: 100%; width: 100%;
border-radius: 0px; border-radius: 0px;
font-variation-settings: 'wght' 700;
/* /*
looks like putting percentages in the height of a select box doesn't work in Firefox. Not sure why. looks like putting percentages in the height of a select box doesn't work in Firefox. Not sure why.
So we're hard-coding the height to 26px, unlike all other inputs that use a relative height. So we're hard-coding the height to 26px, unlike all other inputs that use a relative height.

2
theatre/studio/src/uiComponents/form/BasicStringInput.tsx
View file

@ -21,7 +21,7 @@ const StyledTextarea = styled.textarea.attrs({type: 'text'})`
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
font-variation-settings: 'wght' 200; font-variation-settings: 'wght' 700;
&:hover { &:hover {
background-color: #10101042; background-color: #10101042;

1
theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx
View file

@ -15,6 +15,7 @@ const ItemContainer = styled.li<{enabled: boolean}>`
font-weight: 400; font-weight: 400;
position: relative; position: relative;
font-family: 'Tonka'; font-family: 'Tonka';
font-variation-settings: 'wght' 800;
text-transform: uppercase; text-transform: uppercase;
color: ${(props) => (props.enabled ? 'white' : '#484848')}; color: ${(props) => (props.enabled ? 'white' : '#484848')};
cursor: ${(props) => (props.enabled ? 'normal' : 'not-allowed')}; cursor: ${(props) => (props.enabled ? 'normal' : 'not-allowed')};