archive/attract
0
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity
Files
d9a41c11b7023db1d4c2ef66f9719781c70bfd8a
attract/src/styles/_base.sass

206 lines
3.5 KiB
Sass
Raw Normal View History

Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
body
background-color: $color-background
Move Tasks JS to layout, since we use it everywhere
2016-09-21 19:39:56 +02:00
position: absolute
Replace Status underscore and minor style tweaks
2016-09-21 15:47:24 +02:00
top: 0
left: 0
right: 0
bottom: 0
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
height: 100%
width: 100%
margin: 0
padding: 0
font-family: 'Roboto'
a
color: $color-primary
&:hover
color: $color-primary-dark
#app-main
display: flex
align-items: stretch
height: 100%
nav.sidebar
position: fixed
left: 0
width: $sidebar-width
height: 100%
background-color: $color-background-nav
dl
dd
margin: 0
a
display: flex
color: $color-text-light-hint
font-size: 1.5em
align-items: center
justify-content: center
padding: 10px 0
&:hover
color: $color-text-light-primary
Replace Status underscore and minor style tweaks
2016-09-21 15:47:24 +02:00
#col_sidebar
width: $sidebar-width
Small jQuery plugin for resizing panels Still doesn't save the size, since we want to save this in the user. Which is not implemented yet.
2016-09-28 16:58:14 +02:00
min-width: $sidebar-width
Replace Status underscore and minor style tweaks
2016-09-21 15:47:24 +02:00
#col_left, #col_main, #col_right
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
display: flex
flex-direction: column
position: relative
Small jQuery plugin for resizing panels Still doesn't save the size, since we want to save this in the user. Which is not implemented yet.
2016-09-28 16:58:14 +02:00
flex: 0 0 auto
Replace Status underscore and minor style tweaks
2016-09-21 15:47:24 +02:00
height: 100%
Small jQuery plugin for resizing panels Still doesn't save the size, since we want to save this in the user. Which is not implemented yet.
2016-09-28 16:58:14 +02:00
min-width: 150px
Replace Status underscore and minor style tweaks
2016-09-21 15:47:24 +02:00
#col_main
background-color: white
Tweaks to flash-on/off
2016-09-22 16:43:19 +02:00
border-right: thin solid $color-background-dark
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
#col_right
Minor style tweaks to Tasks
2016-09-21 18:26:34 +02:00
background-color: $color-background-light
Small jQuery plugin for resizing panels Still doesn't save the size, since we want to save this in the user. Which is not implemented yet.
2016-09-28 16:58:14 +02:00
flex: 1 1 auto
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
.col_header
position: relative
display: flex
align-items: center
width: 100%
Minor style tweaks to Tasks
2016-09-21 18:26:34 +02:00
min-height: 50px
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
background-color: white
padding: 10px 15px
Add icon to Save Changes
2016-09-23 18:07:20 +02:00
font-size: 1.2em
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
border-bottom: thin solid $color-background
Replace Status underscore and minor style tweaks
2016-09-21 15:47:24 +02:00
&.scrolled
box-shadow: 0 -2px 20px rgba(black, .2)
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
Add icon to Save Changes
2016-09-23 18:07:20 +02:00
.header_text::first-letter
text-transform: capitalize
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
.col-list-item
display: flex
align-items: center
width: 100%
background-color: white
border-bottom: thin solid $color-background
Small jQuery plugin for resizing panels Still doesn't save the size, since we want to save this in the user. Which is not implemented yet.
2016-09-28 16:58:14 +02:00
.col-splitter
flex: 0 0 auto
width: 8px
background-color: $color-background
min-height: 200px
cursor: col-resize
position: relative
z-index: 1
Shot status indicator and other minor tweaks
2016-09-22 21:27:15 +02:00
.input-group-flex
display: flex
.input-transparent-group+.input-transparent-group
margin-left: 10px
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
.input-transparent-group
width: 100%
Use Select2 for assigning users to tasks
2016-09-21 16:43:51 +02:00
display: flex
align-items: center
label
padding-right: 10px
font-weight: normal
color: $color-text-dark-primary
Shot status indicator and other minor tweaks
2016-09-22 21:27:15 +02:00
min-width: 80px
Use Select2 for assigning users to tasks
2016-09-21 16:43:51 +02:00
&.select_multiple
margin-bottom: 10px
select.input-transparent
background-color: $color-background
option
background-color: white
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
.input-transparent
border: thin solid transparent
border-radius: 3px
padding: 5px
Use Select2 for assigning users to tasks
2016-09-21 16:43:51 +02:00
margin-top: 10px
margin-bottom: 10px
Tasks Index for a Project Work in progress
2016-09-21 14:02:05 +02:00
width: 100%
&:hover
border: thin solid $color-text-dark-hint
#status-bar
color: $color-text-dark-secondary
margin-left: auto
Added 'type' to options when saving form, for status-bar details Also fixed the title of the header. It was removing the status-bar when setting "Shot details"
2016-09-22 17:46:17 +02:00
text-align: right
Use divs instead of table tags Tables are non-responsive by design and require more overrides to be cross-browser compatible
2016-09-22 12:31:39 +02:00
.table
display: table
width: 100%
Shot list: collapse columns by clicking on the title
2016-09-22 15:44:41 +02:00
position: relative
Use divs instead of table tags Tables are non-responsive by design and require more overrides to be cross-browser compatible
2016-09-22 12:31:39 +02:00
.table-row
display: table-row
&:hover
background-color: $color-background-light
.table-head
display: table-header-group
.table-cell
font-size: .9em
color: $color-text-dark-secondary
.table-body
display: table-row-group
.table-cell
display: table-cell
border-bottom: thin solid $color-background-dark
Tweaks to flash-on/off
2016-09-22 16:43:19 +02:00
vertical-align: middle
Shot list: collapse columns by clicking on the title
2016-09-22 15:44:41 +02:00
.table-cell-spacer
background-color: $color-background-light
width: 6px
Small jQuery plugin for resizing panels Still doesn't save the size, since we want to save this in the user. Which is not implemented yet.
2016-09-28 16:58:14 +02:00
min-width: 4px
Shot list: collapse columns by clicking on the title
2016-09-22 15:44:41 +02:00
height: 100%
display: table-cell
border: 2px solid $color-background
border-top: none
border-bottom: none
cursor: e-resize
Tweaks to flash-on/off
2016-09-22 16:43:19 +02:00
Move flash-on to _base, since it's generic
2016-09-22 19:14:58 +02:00
/* Generic Statuses */
Tweaks to flash-on/off
2016-09-22 16:43:19 +02:00
.processing
Shot status indicator and other minor tweaks
2016-09-22 21:27:15 +02:00
+stripes(rgba($color-background, .2), rgba($color-background, .5), -45deg, 25px)
Tweaks to flash-on/off
2016-09-22 16:43:19 +02:00
+stripes-animate
animation-duration: 2s
Move flash-on to _base, since it's generic
2016-09-22 19:14:58 +02:00
.flash-on
background-color: lighten($color-success, 50%) !important
border-color: lighten($color-success, 40%) !important
color: $color-success !important
Shot status indicator and other minor tweaks
2016-09-22 21:27:15 +02:00
text-shadow: 1px 1px 0 white
Move flash-on to _base, since it's generic
2016-09-22 19:14:58 +02:00
transition: all .1s ease-in
Shot status indicator and other minor tweaks
2016-09-22 21:27:15 +02:00
img
transition: all .1s ease-in
opacity: .8
Move flash-on to _base, since it's generic
2016-09-22 19:14:58 +02:00
.flash-off
Shot status indicator and other minor tweaks
2016-09-22 21:27:15 +02:00
transition: all 1s ease-out
img
transition: all 1s ease-out
Add icon to Save Changes
2016-09-23 18:07:20 +02:00
Use dropdown for copy to clipboard/delete tasks
2016-09-29 12:57:01 +02:00
.btn:active
box-shadow: none
Added shot summary per project on /attract
2016-10-05 14:42:01 +02:00
.bg-status
@include status-color-property(background-color, '', 'dark')
.fg-status
@include status-color-property(color, '', 'dark')
Reference in New Issue Copy Permalink