minor adjustments to layout (14e8f85b) · Commits · INJECT / frontend

frontend/src/actionlog/ToolAction/Bar.tsx

+9 −11

Original line number	Diff line number	Diff line
		@@ -11,10 +11,13 @@ import { selectedTool } from './selectedToolVar'
		const buttonVert = css`
		flex-direction: column;
		gap: 0.25rem;
		min-height: 4rem;
		min-height: 5rem;
		.bp5-icon {
		margin-right: 0;
		}
		.bp5-button-text {
		text-align: center;
		}
		`

		const flexGrid = css`
		@@ -33,7 +36,7 @@ const toolPart = css`
		margin: 0.5rem;
		& > h3 {
		position: absolute;
		font-size: 0.8em;
		font-size: 0.9em;
		top: -0.5rem;
		left: 0.5rem;
		background: white;
		@@ -50,19 +53,15 @@ const toolPart = css`
		.bp5-dark & > h3 {
		background-color: #2f343c;
		}
		border: 1px solid rgba(0, 0, 0, 0.2);
		border: 1px solid rgba(0, 0, 0, 0.1);
		.bp5-dark & {
		border-color: rgba(255, 255, 255, 0.2);
		border-color: rgba(255, 255, 255, 0.1);
		}
		border-radius: 0.25rem;
		`

		const barPart = css`
		width: 114px;
		border-left: 1px solid rgba(0, 0, 0, 0.2);
		.bp5-dark & {
		border-left-color: rgba(255, 255, 255, 0.2);
		}
		width: 8rem;
		margin-left: 0.25rem;
		overflow-y: auto;
		`
		@@ -124,10 +123,9 @@ const Toolbar: FC<ToolbarProps> = ({ teamId, exerciseId }) => {
		outlined
		key={x.id}
		fill
		alignText='center'
		className={buttonVert}
		icon='sensor'
		text={x.name.split('_')[1] ?? x.name}
		text={(x.name.split('_', 2)[1] ?? x.name)?.replace('_', ' ')}
		title={x.tooltipDescription}
		onClick={e => {
		e.preventDefault()

+3 −1