Added a Sales Sheet page along with other changes.
This commit is contained in:
98
imports/ui/SalesSheets.import.styl
vendored
Normal file
98
imports/ui/SalesSheets.import.styl
vendored
Normal file
@@ -0,0 +1,98 @@
|
||||
#salesSheetsMain
|
||||
content-box: border-box
|
||||
padding: 10px 20px
|
||||
height: 100%
|
||||
width: 100%
|
||||
text-align: left
|
||||
|
||||
label
|
||||
font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif
|
||||
font-weight: 800
|
||||
text-transform: uppercase
|
||||
|
||||
.optionsSection
|
||||
display: flex
|
||||
flex-flow: column
|
||||
justify-content: flex-start
|
||||
align-items: flex-start
|
||||
align-content: stretch
|
||||
width: 100%
|
||||
.options
|
||||
flex: 0 0 auto
|
||||
display: flex
|
||||
flex-flow: row
|
||||
justify-content: flex-start
|
||||
align-items: center
|
||||
align-content: stretch
|
||||
padding: 6px 20px 10px 20px
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
height: 50px
|
||||
.form-control
|
||||
display: inline
|
||||
label
|
||||
flex: 0 0 auto
|
||||
vertical-align: text-bottom
|
||||
font-size: 1.2em
|
||||
select[name="sheetSelection"]
|
||||
flex: 0 0 auto
|
||||
font-size: 1.2em
|
||||
padding: 2px
|
||||
margin-right: 4px
|
||||
min-width: 160px
|
||||
width: auto
|
||||
input[name="newSheetName"]
|
||||
flex: 0 0 auto
|
||||
transition: all .75s ease
|
||||
width: 0
|
||||
border: 0
|
||||
opacity: 0
|
||||
font-size: 1.2em
|
||||
input[name="newSheetName"].show
|
||||
opacity: 1
|
||||
border: 1px solid #ccc
|
||||
border-radius: 4px
|
||||
width: 200px
|
||||
transform: translateX(4px)
|
||||
.createSheet, .editSheet, .deleteSheet
|
||||
flex: 0 0 auto
|
||||
padding: 6px
|
||||
margin: 0 4px
|
||||
width: 33px
|
||||
text-align: center
|
||||
font-size: 1.5em
|
||||
border-radius: 8px
|
||||
border: 1px solid rgba(0, 0, 0, 0)
|
||||
box-sizing: border-box
|
||||
.createSheet:hover, .editSheet:hover, .deleteSheet:hover
|
||||
border: 1px inset #b100d1
|
||||
-webkit-box-shadow: inset 0px 0px 20px 0px #de7cff
|
||||
-moz-box-shadow: inset 0px 0px 20px 0px #de7cff
|
||||
box-shadow: inset 0px 0px 20px 0px #de7cff
|
||||
.editSheet.selected
|
||||
color: white
|
||||
border: 1px inset #b100d1
|
||||
-webkit-box-shadow: inset 0px 0px 36px 0px #57006c
|
||||
-moz-box-shadow: inset 0px 0px 36px 0px #57006c
|
||||
box-shadow: inset 0px 0px 36px 0px #57006c
|
||||
.editSheet
|
||||
vertical-align: top
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
.disabled
|
||||
color: grey
|
||||
cursor: default
|
||||
.createSheet
|
||||
transform: translateX(-25px) rotate(0deg)
|
||||
transition: all .75s ease
|
||||
.createSheet.move
|
||||
transform: translateX(6px) rotate(720deg)
|
||||
.separator
|
||||
flex: 0 0 auto
|
||||
width: 100%
|
||||
margin: 0 auto
|
||||
padding-top: 6px
|
||||
height: 1px
|
||||
border-bottom: 1px solid #333
|
||||
.separator:last-child
|
||||
margin-bottom: 10px
|
||||
Reference in New Issue
Block a user