Commit 370872f2 by Frances Botsford Committed by cahrens

ui changes from design team feedback on studio assets page

parent c64e04d8
cms/static/img/bg-micro-stripes.png

91 Bytes | W: | H:

cms/static/img/bg-micro-stripes.png

117 Bytes | W: | H:

cms/static/img/bg-micro-stripes.png
cms/static/img/bg-micro-stripes.png
cms/static/img/bg-micro-stripes.png
cms/static/img/bg-micro-stripes.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -11,23 +11,6 @@ body.course.uploads { ...@@ -11,23 +11,6 @@ body.course.uploads {
.content-primary { .content-primary {
width: flex-grid(9, 12); width: flex-grid(9, 12);
margin-right: flex-gutter(); margin-right: flex-gutter();
.no-assets-content {
@extend %ui-well;
padding: ($baseline*2);
background-color: $gray-l4;
text-align: center;
color: $gray;
.new-button {
@extend %t-copy-sub1;
margin-left: $baseline;
[class^="icon-"] {
margin-right: ($baseline/2);
}
}
}
} }
.content-supplementary { .content-supplementary {
...@@ -49,7 +32,6 @@ body.course.uploads { ...@@ -49,7 +32,6 @@ body.course.uploads {
table { table {
width: 100%; width: 100%;
border-top: 5px solid $gray-l4;
word-wrap: break-word; word-wrap: break-word;
...@@ -60,7 +42,7 @@ body.course.uploads { ...@@ -60,7 +42,7 @@ body.course.uploads {
@extend %t-copy-sub2; @extend %t-copy-sub2;
background-color: $gray-l5; background-color: $gray-l5;
color: $gray; color: $gray;
padding: ($baseline*.75) $baseline; padding: 0 $baseline ($baseline*.75) $baseline;
text-align: left; text-align: left;
vertical-align: middle; vertical-align: middle;
} }
...@@ -72,7 +54,7 @@ body.course.uploads { ...@@ -72,7 +54,7 @@ body.course.uploads {
} }
tbody { tbody {
box-shadow: 0 2px 5px $shadow; box-shadow: 0 2px 2px $shadow-l1;
border: 1px solid $gray-l4; border: 1px solid $gray-l4;
background: $white; background: $white;
...@@ -97,14 +79,16 @@ body.course.uploads { ...@@ -97,14 +79,16 @@ body.course.uploads {
} }
&.is-locked { &.is-locked {
background: $gray-l5 url('../img/bg-micro-stripes.png') 0 0 repeat; background-image: url('../img/bg-micro-stripes.png');
background-position: 0 0;
background-repeat: repeat;
.locked a { .locked a {
background-color: $gray; background-color: $gray;
color: $white; color: $white;
&:hover { &:hover {
background-color: $gray-d3; background-color: $blue;
} }
} }
} }
...@@ -214,7 +198,7 @@ body.course.uploads { ...@@ -214,7 +198,7 @@ body.course.uploads {
color: $gray-l3; color: $gray-l3;
&:hover { &:hover {
background-color: $gray-l3; background-color: $blue;
color: $gray-l6; color: $gray-l6;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment