2bf88c5860
* Extract global CSS vars (non-theme specific) * Use theme via css vars * All text colors * Additional * All vars (excluding name...) * Additional * linting * css linting * Update Card css
119 lines
2.3 KiB
TypeScript
119 lines
2.3 KiB
TypeScript
// Copyright 2017-2021 @polkadot/react-components authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { ThemeDef } from '../types';
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
export default (_theme: ThemeDef): string => `
|
|
.ui--output {
|
|
background: var(--bg-input);
|
|
border-radius: 4px;
|
|
border: 1px dashed #eee;
|
|
box-sizing: border-box;
|
|
line-height: 1rem;
|
|
max-height: 25rem;
|
|
overflow-y: auto;
|
|
padding: 0.75rem 1rem;
|
|
position: relative;
|
|
word-break: break-all;
|
|
|
|
&.error {
|
|
background: var(--bg-input-error);
|
|
border-color: #e0b4b4;
|
|
}
|
|
|
|
&.monospace {
|
|
font-family: monospace;
|
|
}
|
|
}
|
|
|
|
header .ui--Button-Group {
|
|
text-align: center;
|
|
}
|
|
|
|
.ui.input .ui--Button-Group {
|
|
margin: 0;
|
|
}
|
|
|
|
button.u.ui--Icon.icon-button {
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0.3em;
|
|
padding-left: 0.3em;
|
|
color: #2e86ab !important;
|
|
background: none !important;
|
|
}
|
|
|
|
button.ui--Button {
|
|
font: var(--font-sans);
|
|
}
|
|
|
|
.editable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ui--DropdownLinked.ui--row {
|
|
.small .ui.selection.dropdown {
|
|
border-right: none;
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
min-width: 5rem;
|
|
}
|
|
|
|
.large .ui.selection.dropdown {
|
|
border-left: none;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
}
|
|
|
|
.ui--Input {
|
|
&.disabled {
|
|
overflow: hidden;
|
|
|
|
input {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
&.inPlaceEditor {
|
|
margin: 0 !important;
|
|
|
|
input {
|
|
padding: 0 !important;
|
|
background: rgba(230, 230, 230, 0.8) !important;
|
|
border: 0 !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: 0 3px 3px rgba(0,0,0,.2);
|
|
}
|
|
}
|
|
|
|
&.isWarning.ui.input {
|
|
> input,
|
|
input:focus {
|
|
background: #ffffe0;
|
|
border-color: #eeeeae;
|
|
}
|
|
}
|
|
|
|
.ui--SiDropdown {
|
|
width: 6rem;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.ui--Static {
|
|
min-width: 2rem; /* adjust width from normal dropdown sizing */
|
|
overflow: hidden;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.ui--Tooltip {
|
|
text-align: center;
|
|
z-index: 1002;
|
|
max-width: 300px;
|
|
}
|
|
`;
|