SleePy Public Git Projects
Repositories
Main Site
GitHub Profile
SD-SimpleDesk
Code
Commits
Branches
Tags
Search
Tree:
3f448a1
Branches
Tags
master
smf21
1.0.1
2.0.0
v.21/2.1.1
v2.1/2.1-RC1
v2.1/2.1-RC2
v2.1/2.1.0
v2.1/2.1.1
v2.1/2.1.2
v2.1/2.1.3
SD-SimpleDesk
css
helpdesk_responsive.css
Sd fixes and responsive stuff (#151)
Diego Andrés
commited
3f448a1
at 2021-12-24 14:36:54
helpdesk_responsive.css
Blame
History
Raw
/* Start of responsiveness */ /* This will be moved to its file once it gets more work on it */ @media screen and (max-width: 991px) { .shd_ticket { flex-direction: column; } .shd_ticket_side_column, .shd_ticket_description { width: 100%; } .shd_ticketdetails dl, .shd_ticketdetails ul { display: flex; flex-wrap: wrap; } .shd_ticketdetails dl dd, .shd_ticketdetails dl dt { flex-basis: 25%; margin: 5px 0; } .shd_ticketdetails ul li { flex-basis: 50%; margin: 3px 0; } .ticket_replies_container { flex-direction: column; } .ticket_replies_container > * { width: 100%; } .shd_posterinfo { text-align: revert; } .sd_lower_columns { flex-direction: column; } .shd_ticket_rightcolumn, .shd_ticket_leftcolumn { width: 100%; padding: 0; } .shd_profile_navigation { margin-right: 0; } .sd_lower_columns .shd_ticket_leftcolumn { display: flex; gap: 10px; } .sd_lower_columns .shd_ticket_leftcolumn .shd_attachmentcolumn { flex-basis: 50%; } .shd_ticket_leftcolumn.floatleft { display: none; width: 100%; float: none !important; } } @media screen and (max-width: 480px) { .shd_ticketdetails dl dd, .shd_ticketdetails dl dt { flex-basis: 50%; } .shd_ticketdetails ul li { flex-basis: 100%; } .sd_lower_columns .shd_ticket_leftcolumn { flex-direction: column; } .sd_lower_columns .shd_ticket_leftcolumn .shd_attachmentcolumn { flex-basis: 100%; } .shd_ticket_leftcolumn { width: 100%; } }