darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-24 00:07:02 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2566 from alphagov/ie8-folders

Browse Source 
Add PNG versions of the folder icons for IE8 users
This commit is contained in:
Chris Hill-Scott
2018-12-07 10:55:29 +00:00
committed by GitHub
parent 3eea729c07 9a884a38d7
commit 950cfe46bc
4 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/folder-black.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 266 B

BIN
app/assets/images/folder-blue-bold.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 262 B

BIN
app/assets/images/folder-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 272 B

18
app/assets/stylesheets/components/message.scss
View File

@@ -87,12 +87,18 @@
&-folder { &-folder {
a:first-child { a:first-child {
display: inline-block; display: inline-block;
text-indent: 40px; text-indent: 40px;
background-image: file-url('folder-blue-bold.svg'); background-image: file-url('folder-blue-bold.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto 20px; background-size: auto 20px;
background-position: 0px 2px; background-position: 0px 2px;
@include ie-lte(8) {
background-image: file-url('folder-blue-bold.png');
}
} }
} }
@@ -134,10 +140,16 @@
vertical-align: top; vertical-align: top;
&:first-child { &:first-child {
background-image: file-url('folder-blue.svg'); background-image: file-url('folder-blue.svg');
max-width: 33%; max-width: 33%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@include ie-lte(8) {
background-image: file-url('folder-blue.png');
}
} }
} }
@@ -147,8 +159,14 @@
padding-left: 0; padding-left: 0;
&:first-child { &:first-child {
background-image: file-url('folder-black.svg'); background-image: file-url('folder-black.svg');
padding-left: $gutter * 2; padding-left: $gutter * 2;
@include ie-lte(8) {
background-image: file-url('folder-black.png');
}
} }
} }