eduvia/workavia-drive
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄Text-align to the right for the select in Safari

Browse Source
This commit is contained in:
Anton SHEPILOV
2024-05-07 15:31:14 +02:00
committed by ericlinagora
parent 9ead8efee6
commit 27649ebfa2
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tdrive/frontend/src/app/atoms/input/input-select.tsx
+4 -2
View File
@@ -1,5 +1,6 @@
import _, { isUndefined } from "lodash"; import _, { isUndefined } from "lodash";
import { defaultInputClassName, errorInputClassName, ThemeName } from './input-text'; import { defaultInputClassName, errorInputClassName, ThemeName } from './input-text';
import { CSSProperties } from "@material-ui/styles";
export type SelectSize = 'md' | 'lg' | 'sm'; export type SelectSize = 'md' | 'lg' | 'sm';
@@ -22,9 +23,10 @@ export function Select(props: InputProps) {
else if (props.size === 'sm') inputClassName = inputClassName + ' text-sm h-7 py-0 px-3'; else if (props.size === 'sm') inputClassName = inputClassName + ' text-sm h-7 py-0 px-3';
else inputClassName = inputClassName + ' text-base h-9 py-1'; else inputClassName = inputClassName + ' text-base h-9 py-1';
let styles = {}; //special for safari
let styles = { textAlignLast: "right" } as CSSProperties;
const noFocus = isUndefined(props.noFocusBorder) ? true : props.noFocusBorder; const noFocus = isUndefined(props.noFocusBorder) ? true : props.noFocusBorder;
if (noFocus) styles = {boxShadow: "none", borderColor: "inherit"}; if (noFocus) styles = _.assign(styles, {boxShadow: "none", borderColor: "inherit"});
return ( return (
<select <select