jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Refactor: Remove blue border when agGrid input are focused (#2178)

Browse source
This commit is contained in:
Igor Carvalho 2024-06-14 18:21:36 -03:00 • committed by GitHub
commit e265ee6c23
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 62 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/frontend/src/style/classes.css
View file

@ -55,6 +55,68 @@ select:-webkit-autofill:focus {
width: 8px;
}
.ag-cell {
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ag-cell-focus {
border-radius: 0.375rem;
border: 1px solid #94a3b8 !important;
background-color: transparent !important;
text-align: left;
font-size: 0.875rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
outline: none !important;
outline-color: transparent !important;
}
.ag-cell-focus:focus {
border-color: #94a3b8 !important;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
background-color: transparent !important;
outline: none !important;
outline-color: transparent !important;
}
input .ag-cell-edit-input {
border: 1px solid transparent !important;
outline: none !important;
outline-color: transparent !important;
}
input[class^="ag-"]:not([type]),
input[class^="ag-"][type="text"],
input[class^="ag-"][type="number"],
input[class^="ag-"][type="tel"],
input[class^="ag-"][type="date"],
input[class^="ag-"][type="datetime-local"],
textarea[class^="ag-"] {
border: 1px solid transparent !important;
outline: none !important;
outline-color: transparent !important;
-webkit-box-shadow: none !important; /* Safari and older Chrome versions */
-moz-box-shadow: none !important; /* Older Firefox versions */
box-shadow: none !important; /* Standard syntax */
}
input[class^="ag-"][type="text"]:focus,
input[class^="ag-"][type="number"]:focus,
input[class^="ag-"][type="tel"]:focus,
input[class^="ag-"][type="date"]:focus,
input[class^="ag-"][type="datetime-local"]:focus,
textarea[class^="ag-"]:focus {
border: 1px solid transparent !important;
outline-color: transparent !important;
outline: none !important;
-webkit-box-shadow: none !important; /* Safari and older Chrome versions */
-moz-box-shadow: none !important; /* Older Firefox versions */
box-shadow: none !important; /* Standard syntax */
}
.ace_scrollbar::-webkit-scrollbar-track {
background-color: hsl(var(--muted));
}