copilot-swe-agent[bot]
d08e175352
- Add `relative` to nav for correct mobile dropdown positioning - Increase hamburger button and mobile nav links to ≥44px touch targets - Add mobile card view on files page (table hidden on small screens) - Make bulk actions bar and pagination responsive/wrapping - Add file type `accept` attribute and camera capture button on upload page - Increase all interactive button/input sizes to ≥44px - Add responsive CSS for pagination wrap and filter stacking at 480px" Co-authored-by: christianlouis <361235+christianlouis@users.noreply.github.com>
39 lines
1.8 KiB
CSS
39 lines
1.8 KiB
CSS
/* frontend/static/styles.css */
|
|
/* Example overrides or additional styling */
|
|
body {
|
|
/* Your global overrides can go here if needed */
|
|
}
|
|
.material-symbols-light--folder-managed-outline {
|
|
display: inline-block;
|
|
width: 96px;
|
|
height: 96px;
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m17.212 20.404l-.108-.885q-.57-.125-.938-.33q-.368-.204-.7-.577l-.835.334l-.539-.815l.689-.577q-.165-.531-.165-1.035t.165-1.034l-.689-.577l.539-.816l.835.335q.332-.393.7-.588q.369-.195.938-.32l.108-.885h1l.107.885q.57.125.938.32t.7.588l.835-.335l.539.816l-.689.576q.166.531.166 1.035t-.166 1.035l.689.577l-.539.815l-.834-.335q-.333.373-.701.578q-.369.205-.938.33l-.107.885zm.5-1.731q.882 0 1.518-.635q.636-.636.636-1.519t-.636-1.518t-1.518-.636t-1.519.636t-.635 1.518t.635 1.519t1.518.635M4 18V6v4.435V10zm.616 1q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h4.981l2 2h7.789q.69 0 1.153.463T21 8.616v2.294q-.238-.152-.479-.265q-.24-.112-.521-.21v-1.82q0-.269-.173-.442T19.385 8h-8.19l-2-2h-4.58q-.269 0-.442.173T4 6.616v10.769q0 .269.173.442t.443.173h6.748q.055.275.131.515t.186.485z'/%3E%3C/svg%3E");
|
|
background-color: currentColor;
|
|
-webkit-mask-image: var(--svg);
|
|
mask-image: var(--svg);
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100% 100%;
|
|
mask-size: 100% 100%;
|
|
}
|
|
|
|
/* Ensure pagination wraps properly on small screens */
|
|
.pagination {
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
}
|
|
.pagination-buttons {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/* Ensure filter items stack on very small screens */
|
|
@media (max-width: 480px) {
|
|
.filter-group {
|
|
flex-direction: column;
|
|
}
|
|
.filter-item {
|
|
min-width: unset;
|
|
width: 100%;
|
|
}
|
|
}
|