diff --git a/app/assets/images/folder-black.png b/app/assets/images/folder-black.png new file mode 100644 index 000000000..6f29a0286 Binary files /dev/null and b/app/assets/images/folder-black.png differ diff --git a/app/assets/images/folder-blue-bold.png b/app/assets/images/folder-blue-bold.png new file mode 100644 index 000000000..c5065ea42 Binary files /dev/null and b/app/assets/images/folder-blue-bold.png differ diff --git a/app/assets/images/folder-blue.png b/app/assets/images/folder-blue.png new file mode 100644 index 000000000..10e994dd1 Binary files /dev/null and b/app/assets/images/folder-blue.png differ diff --git a/app/assets/stylesheets/components/message.scss b/app/assets/stylesheets/components/message.scss index a0426c916..ef867af2b 100644 --- a/app/assets/stylesheets/components/message.scss +++ b/app/assets/stylesheets/components/message.scss @@ -87,12 +87,18 @@ &-folder { a:first-child { + display: inline-block; text-indent: 40px; background-image: file-url('folder-blue-bold.svg'); background-repeat: no-repeat; background-size: auto 20px; background-position: 0px 2px; + + @include ie-lte(8) { + background-image: file-url('folder-blue-bold.png'); + } + } } @@ -134,10 +140,16 @@ vertical-align: top; &:first-child { + background-image: file-url('folder-blue.svg'); max-width: 33%; overflow: hidden; text-overflow: ellipsis; + + @include ie-lte(8) { + background-image: file-url('folder-blue.png'); + } + } } @@ -147,8 +159,14 @@ padding-left: 0; &:first-child { + background-image: file-url('folder-black.svg'); padding-left: $gutter * 2; + + @include ie-lte(8) { + background-image: file-url('folder-black.png'); + } + } }