ryanmwangi/Compware
1
0
Fork 0
Code Issues Pull requests Releases Activity

style(typeahead_input): enhance CSS styles for typeahead input component to be more spreadsheet like

Browse source
This commit is contained in:
ryan 2025-05-21 16:28:08 +03:00
parent 8cfef276df
commit ff5f987ed2
1 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/typeahead_input.rs
View file

@ -444,10 +444,36 @@ pub fn TypeaheadInput(
// CSS styles for the typeahead input // CSS styles for the typeahead input
let css = r#" let css = r#"
.typeahead-input,
.typeahead.tt-input { .typeahead.tt-input {
background: transparent !important; width: 100%;
height: 100%;
border: none;
padding: 8px;
box-sizing: border-box;
font-size: 14px;
text-align: left;
outline: none;
background-color: transparent;
} }
.typeahead-input:focus,
.typeahead.tt-input:focus,
input.typeahead-input:focus,
input.typeahead.tt-input:focus,
.twitter-typeahead .typeahead-input:focus,
.twitter-typeahead .typeahead.tt-input:focus {
background-color: #e0f7fa !important;
border: 1px solid #00796b !important;
outline: none !important;
}
.twitter-typeahead {
width: 100%;
height: 100%;
display: block !important;
}
.tt-menu { .tt-menu {
width: 100% !important; width: 100% !important;
background: white; background: white;