Project Edit: Cleanup and styling
This commit is contained in:
@@ -93,15 +93,6 @@ ul.sharing-users-list
|
||||
color: lighten($color-danger, 10%)
|
||||
|
||||
|
||||
.sharing-users-info
|
||||
padding-left: 15px
|
||||
border-left: thin solid $color-text-dark-hint
|
||||
|
||||
p
|
||||
font:
|
||||
size: 1.1em
|
||||
weight: 300
|
||||
|
||||
.sharing-users-search
|
||||
.disabled
|
||||
color: $color-text-dark-secondary
|
||||
@@ -158,24 +149,26 @@ ul.list-generic
|
||||
list-style: none
|
||||
|
||||
> li
|
||||
padding: 5px 0
|
||||
display: flex
|
||||
align-items: center
|
||||
border-top: thin solid $color-background
|
||||
display: flex
|
||||
padding: 5px 0
|
||||
|
||||
&:first-child
|
||||
border-top: none
|
||||
|
||||
&:hover .item a
|
||||
color: $color-primary
|
||||
color: $primary
|
||||
|
||||
a
|
||||
flex: 1
|
||||
|
||||
&.active
|
||||
color: $primary !important
|
||||
font-weight: bold
|
||||
|
||||
.actions
|
||||
margin-left: auto
|
||||
.btn
|
||||
font-size: .7em
|
||||
|
||||
span
|
||||
color: $color-text-dark-secondary
|
||||
|
||||
@@ -143,18 +143,12 @@ body.blog
|
||||
#project_context-header
|
||||
transition: box-shadow 250ms ease-in-out
|
||||
z-index: $z-index-base + 3
|
||||
left: 0
|
||||
width: 100%
|
||||
|
||||
&.is-offset
|
||||
box-shadow: 0 0 25px rgba(black, .2)
|
||||
|
||||
span#project-edit-title
|
||||
position: absolute
|
||||
padding: 15px 20px
|
||||
font:
|
||||
size: 1.1em
|
||||
weight: 400
|
||||
white-space: nowrap
|
||||
|
||||
|
||||
/* Edit Asset buttons */
|
||||
.project-mode-view,
|
||||
@@ -241,56 +235,6 @@ ul.project-edit-tools
|
||||
/* // Extra asset tools in dropdown */
|
||||
/* // Edit Asset buttons */
|
||||
|
||||
|
||||
ul.project_nav-edit-list
|
||||
list-style: none
|
||||
padding: 0
|
||||
margin: $project_header-height 0 0 0
|
||||
|
||||
li
|
||||
background-color: $color-background
|
||||
border-bottom: 1px solid $color-background-dark
|
||||
color: $color-text-dark
|
||||
position: relative
|
||||
|
||||
&:hover
|
||||
cursor: pointer
|
||||
background-color: $color-background-light
|
||||
a
|
||||
padding: 10px 15px
|
||||
display: inline-block
|
||||
width: 100%
|
||||
text-decoration: none
|
||||
color: $color-text-dark
|
||||
|
||||
i
|
||||
padding-right: 15px
|
||||
|
||||
&.active
|
||||
background-color: white
|
||||
|
||||
a
|
||||
color: $color-primary-dark
|
||||
|
||||
.project_nav-toggle-btn
|
||||
position: absolute
|
||||
bottom: 0
|
||||
width: 100%
|
||||
padding: 10px
|
||||
text-align: center
|
||||
color: $color-text-light-hint
|
||||
cursor: pointer
|
||||
|
||||
&:hover
|
||||
color: $color-text-light
|
||||
|
||||
i
|
||||
font-size: 1.3em
|
||||
|
||||
+media-xs
|
||||
visibility: hidden
|
||||
display: none
|
||||
|
||||
#project_context
|
||||
position: relative
|
||||
display: flex
|
||||
@@ -299,6 +243,8 @@ ul.project_nav-edit-list
|
||||
height: 100%
|
||||
background-color: white
|
||||
|
||||
// Add padding to project_context because project_context-header is fixed on top.
|
||||
// It contains the New, Edit, Save Changes, etc. buttons.
|
||||
#project_context-header+#project_context
|
||||
padding-top: $project_header-height
|
||||
|
||||
@@ -1678,9 +1624,6 @@ section.node-children
|
||||
padding: 20px
|
||||
|
||||
.form-group
|
||||
position: relative
|
||||
margin: 0 auto 30px auto
|
||||
|
||||
&.tags .select2-container
|
||||
.select2-selection
|
||||
+input-generic
|
||||
|
||||
@@ -99,9 +99,6 @@
|
||||
padding: 20px
|
||||
|
||||
.form-group
|
||||
position: relative
|
||||
margin: 0 auto 30px auto
|
||||
|
||||
input, textarea, select
|
||||
+input-generic
|
||||
|
||||
|
||||
@@ -127,19 +127,50 @@ nav.sidebar
|
||||
font-size: .9em
|
||||
|
||||
|
||||
// Secondary navigation for
|
||||
// Secondary navigation
|
||||
$nav-secondary-bar-size: -2px
|
||||
.nav-secondary
|
||||
align-items: center
|
||||
box-shadow: inset 0 -2px 0 0 $color-background
|
||||
box-shadow: inset 0 $nav-secondary-bar-size 0 0 $color-background
|
||||
|
||||
.nav-link
|
||||
color: $color-text
|
||||
cursor: pointer
|
||||
transition: box-shadow 150ms ease-in-out
|
||||
box-shadow: inset 0 $nav-secondary-bar-size 0 0 $color-background
|
||||
|
||||
// Blue bar on the bottom.
|
||||
&:hover,
|
||||
&.active
|
||||
box-shadow: inset 0 -2px 0 0 $primary
|
||||
box-shadow: inset 0 $nav-secondary-bar-size 0 0 $primary
|
||||
|
||||
i
|
||||
color: $primary
|
||||
|
||||
&.nav-secondary-vertical
|
||||
align-items: flex-start
|
||||
flex-direction: column
|
||||
box-shadow: none // Last item on the list already has a box-shadow.
|
||||
|
||||
> li
|
||||
width: 100% // span across the whole width.
|
||||
|
||||
// Blue bar on the side.
|
||||
.nav-link
|
||||
box-shadow: inset 0 -1px 0 0 $color-background, inset -1px 0 0 0 $color-background
|
||||
|
||||
&:hover,
|
||||
&.active
|
||||
box-shadow: inset 0 -1px 0 0 $color-background, inset ($nav-secondary-bar-size * 1.5) 0 0 0 $primary
|
||||
|
||||
// Strange 1px offset when nav-secondary is in the topbar.
|
||||
// To fix .nav-link and .nav-item must be height: 100%, but this
|
||||
// makes it misalign vertically since nav.navbar has align-items: center.
|
||||
// Let's just add this exception for now.
|
||||
nav.navbar
|
||||
> .nav-secondary
|
||||
position: relative
|
||||
top: 1px
|
||||
|
||||
|
||||
.navbar-overlay
|
||||
|
||||
Reference in New Issue
Block a user