raucao/marco
1
0
Fork 0
Code Issues 14 Pull Requests Actions Releases 4 Activity

Style dropdown menu form controls

Browse Source
This commit is contained in:
Râu Cao
2026-03-16 17:07:38 +04:00
parent aee7f9d181
commit dca2991754
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/styles/app.css
View File

@@ -312,6 +312,8 @@ body {
font-family: inherit; font-family: inherit;
font-size: 0.95rem; font-size: 0.95rem;
box-sizing: border-box; /* Ensure padding doesn't overflow width */ box-sizing: border-box; /* Ensure padding doesn't overflow width */
color: #333;
background-color: #fff;
} }
.form-control:focus { .form-control:focus {
@@ -320,6 +322,17 @@ body {
box-shadow: 0 0 0 2px rgb(0 123 255 / 10%); box-shadow: 0 0 0 2px rgb(0 123 255 / 10%);
} }
select.form-control {
appearance: none;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 16px;
padding-right: 2.5rem;
cursor: pointer;
}
.edit-actions { .edit-actions {
display: flex; display: flex;
gap: 0.5rem; gap: 0.5rem;