Skip to content

Commit

Permalink
add hint that field has more to offer
Browse files Browse the repository at this point in the history
displays triangles symbol on the right side of select data entry
  • Loading branch information
matkoniecz committed Nov 22, 2024
1 parent 096937e commit 08230b1
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
select.form-control {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!-- form control --><svg width="118.78mm" height="102.87mm" version="1.1" viewBox="0 0 118.78 102.87" xmlns="http://www.w3.org/2000/svg"><path d="m59.391 100.81-57.609-99.781 115.22-3e-6 -28.804 49.891z" fill-rule="evenodd" stroke-opacity="0"/></svg>');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 10px 10px;
padding-right: 30px; /* Add padding to make space for the arrow */
}
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,8 @@ import React, { Fragment } from 'react';
import { BaseDataEntryProps } from './data-entry';
import { DataTitleCopyable } from './data-title';

import './select-data-entry.css';

interface SelectOption {
value: string;
label: string;
Expand Down

0 comments on commit 08230b1

Please sign in to comment.