diff options
| author | Zog | 2018-01-22 10:49:35 +0100 |
|---|---|---|
| committer | Zog | 2018-02-02 14:32:09 +0100 |
| commit | 345a99a47ff5ee92b1e3df296164d34854221907 (patch) | |
| tree | 7997bca55cdec752bd72e374e6e597ac491c90ba | |
| parent | f937bda75ef024a281cff199a65d5ba4f811c13f (diff) | |
| download | chouette-core-345a99a47ff5ee92b1e3df296164d34854221907.tar.bz2 | |
Refs #3542; Better display for short referentials
| -rw-r--r-- | app/assets/stylesheets/base/_utilities.sass | 2 | ||||
| -rw-r--r-- | app/assets/stylesheets/components/_referential_overview.sass | 7 |
2 files changed, 7 insertions, 2 deletions
diff --git a/app/assets/stylesheets/base/_utilities.sass b/app/assets/stylesheets/base/_utilities.sass index 24f2038f0..fbda5630d 100644 --- a/app/assets/stylesheets/base/_utilities.sass +++ b/app/assets/stylesheets/base/_utilities.sass @@ -44,7 +44,7 @@ // Empty zones =emptyzone($col1, $col2) - background-image: linear-gradient(-45deg, $col1 25%, $col2 25%, $col2 50%, $col1 50%, $col1 75%, $col2 75%, transparent) + background-image: linear-gradient(-45deg, $col1 25%, $col2 25%, $col2 50%, $col1 50%, $col1 75%, $col2 75%, $col2) background-size: 40px 40px .cellwrap diff --git a/app/assets/stylesheets/components/_referential_overview.sass b/app/assets/stylesheets/components/_referential_overview.sass index 5abbb47cd..2bd875f5e 100644 --- a/app/assets/stylesheets/components/_referential_overview.sass +++ b/app/assets/stylesheets/components/_referential_overview.sass @@ -76,8 +76,9 @@ border: 1px solid $grey clear: both display: flex - background: white + +emptyzone($lightgrey, $lightergrey) .head + height: $left-size .line height: $line-height @@ -162,6 +163,7 @@ .head white-space: nowrap position: relative + z-index: 3 &:after, &:before opacity: 0 // transition: opacity 0.5s @@ -179,6 +181,8 @@ position: relative height: 100% transition: margin 0.5s + background: white + box-shadow: 0 -10px 10px rgba(0,0,0,0.5) .week-span left: 15px top: 15px @@ -259,6 +263,7 @@ border-bottom: 1px solid $grey position: relative overflow: hidden + box-shadow: 0 -10px 10px rgba(0,0,0,0.5) &:last-child border-bottom: none |