replace external storage status images with CSS, also use form to distinguish, fix...

diff --git a/apps/files_external/css/settings.css b/apps/files_external/css/settings.css
index 94b453793b1badda59574975a89fb9da90893b4e..f2f40247b28c02b9875dda7a26c29e8722f0d7a4 100644 (file)
--- a/apps/files_external/css/settings.css
+++ b/apps/files_external/css/settings.css
@@ -1,10 +1,24 @@
-td.status>span { display:inline-block; height:16px; width:16px; }
-span.success { background-image: url('../img/success.png'); background-repeat:no-repeat; }
-span.error { background-image: url('../img/error.png'); background-repeat:no-repeat; }
-span.waiting { background-image: url('../img/waiting.png'); background-repeat:no-repeat; }
+td.status > span {
+       display: inline-block;
+       height: 16px;
+       width: 16px;
+       vertical-align: text-bottom;
+}
+
+span.success {
+       background: #37ce02;
+       border-radius: 8px;
+}
+span.error {
+       background: #ce3702;
+}
+span.waiting {
+       background: none;
+}
+
 td.mountPoint, td.backend { width:10em; }
 td.remove>img { visibility:hidden; padding-top:0.8em; }
 tr:hover>td.remove>img { visibility:visible; cursor:pointer; }
 #addMountPoint>td { border:none; }
 #addMountPoint>td.applicable { visibility:hidden; }
-#selectBackend { margin-left:-10px; }
\ No newline at end of file
+#selectBackend { margin-left:-10px; }

diff --git a/apps/files_external/img/error.png b/apps/files_external/img/error.png
deleted file mode 100644 (file)
index e8cf45e..0000000
Binary files a/apps/files_external/img/error.png and /dev/null differ

diff --git a/apps/files_external/img/success.png b/apps/files_external/img/success.png
deleted file mode 100644 (file)
index 6f7022e..0000000
Binary files a/apps/files_external/img/success.png and /dev/null differ

diff --git a/apps/files_external/img/waiting.png b/apps/files_external/img/waiting.png
deleted file mode 100644 (file)
index 02a8cbf..0000000
Binary files a/apps/files_external/img/waiting.png and /dev/null differ