diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2013-08-15 15:31:42 -0700 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2013-08-15 15:31:42 -0700 |
| commit | d2767faf6104f4a4f0330c1771c488beea6245cd (patch) | |
| tree | 8a40a297db061318519e902fa7755da5f5bf18fc /core/css | |
| parent | bd1895bdf8dff07bf9dc9803ce991e39daa52acc (diff) | |
| parent | b632b8f4e41f12d62fd4abdefa63fc9f9accd432 (diff) | |
| download | nextcloud-server-d2767faf6104f4a4f0330c1771c488beea6245cd.tar.gz nextcloud-server-d2767faf6104f4a4f0330c1771c488beea6245cd.zip | |
Merge pull request #4113 from owncloud/delete-fix
Delete icon fix
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/styles.css | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 1b58899eef6..c3d34253857 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -833,9 +833,25 @@ div.crumb:active { } /* icons */ +.folder-icon, .delete-icon, .edit-icon, .progress-icon { + background-repeat: no-repeat; + background-position: center; +} .folder-icon { background-image: url('../img/places/folder.svg'); } .delete-icon { background-image: url('../img/actions/delete.svg'); } +.delete-icon:hover, .delete-icon:focus { + background-image: url('../img/actions/delete-hover.svg'); +} .edit-icon { background-image: url('../img/actions/rename.svg'); } +.progress-icon { + background-image: url('../img/loading.gif'); + background-size: 16px; + /* force show the loading icon, not only on hover */ + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter:alpha(opacity=100); + opacity: 1 !important; + display: inline !important; +} /* buttons */ button.loading { @@ -855,6 +871,10 @@ button.loading { ::-moz-focus-inner { border: 0; } +.lte8 .delete-icon { background-image: url('../img/actions/delete.png'); } +.lte8 .delete-icon:hover, .delete-icon:focus { + background-image: url('../img/actions/delete-hover.png'); +} /* IE8 needs background to be set to same color to make transparency look good. */ .lte9 #body-login form input[type="text"] { |