Styled the ticket view page; added a section for future ticket comments

This commit is contained in:
2022-11-21 18:04:24 -05:00
parent 17c2e36bb5
commit 55048bda33
3 changed files with 102 additions and 8 deletions

View File

@ -9,11 +9,16 @@ $nav-height: 60px
body
padding-top: $nav-height
background: lightgrey
font-size: 16px
.container
max-width: 1100px
padding: 20px 30px
.card
background: white
box-shadow: $box-shadow-2
#main-nav
position: fixed
top: 0
@ -46,4 +51,59 @@ body
#main-wrapper
margin-top: 25px
background: white
#ticket-header
margin-bottom: 15px
.ticket-title
margin-bottom: 5px
.ticket-created,
.ticket-updated
margin-bottom: 3px
color: #666
font-size: 1.5rem
font-style: italic
#ticket-body
p:last-child
margin-bottom: 5px
.ticket-status
list-style: none
margin: 0
border: 1px solid #bbb
border-bottom: none
> li
margin: 0
padding: 7px 12px
border-bottom: 1px solid #999
.ticket-actions
padding: 0
ul
list-style: none
margin: 0
li
display: inline
margin: 0
padding: 0
&:not(:first-child)
a
border-left: 1px solid #999
a
position: relative
display: inline-block
box-sizing: border-box
width: calc(50% - 2px)
height: 100%
padding: 7px 12px
text-align: center
i
margin-right: 5px
font-size: 1.75rem