From 331f58706ab9c096e33edf3055d01ee581bccdf8 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sat, 26 Oct 2013 18:15:31 +0300 Subject: [PATCH 1/4] bit less giant icons for new and upload --- css/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 731443a8..0a5981e7 100755 --- a/css/style.css +++ b/css/style.css @@ -26,8 +26,8 @@ height: 100px; width: 200px; background-repeat: no-repeat; - background-size: 64px; - background-position: 50% 10px; + background-size: 32px; + background-position: 50%; } .add-document .add { background-image: url('%webroot%/core/img/actions/add.svg'); From da3c08eabac979b729787a17bd4f789043268d6e Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sat, 26 Oct 2013 18:18:02 +0300 Subject: [PATCH 2/4] separate upload and new document --- css/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 0a5981e7..1f3dcf0c 100755 --- a/css/style.css +++ b/css/style.css @@ -36,12 +36,13 @@ background-image: url('%webroot%/core/img/actions/upload.svg'); } -.add-document a.upload{ +.add-document a.add { + border-bottom: 1px solid #fff; } .add-document label { position: absolute; - bottom: 5px; + bottom: 10px; width: 100%; font-weight: normal; text-align: center; From 0c3dc36eda2f0060b40ed3eb5783af66da0c3fd7 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sat, 26 Oct 2013 18:22:02 +0300 Subject: [PATCH 3/4] change label from 'Add' to more descriptive 'New document' --- templates/documents.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/documents.php b/templates/documents.php index 34192d6a..9b179ec0 100755 --- a/templates/documents.php +++ b/templates/documents.php @@ -2,7 +2,7 @@
  • - +
    Date: Sat, 26 Oct 2013 19:03:01 +0300 Subject: [PATCH 4/4] separate focus for new/upload, add proper focus effects --- css/style.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 1f3dcf0c..6b023aac 100755 --- a/css/style.css +++ b/css/style.css @@ -39,6 +39,16 @@ .add-document a.add { border-bottom: 1px solid #fff; } +.add-document .add, +.add-document .upload { + opacity: .7; +} +.add-document .add:hover, +.add-document .add:focus, +.add-document #upload:hover .upload, +.add-document .upload:focus { + opacity: 1; +} .add-document label { position: absolute; @@ -58,9 +68,7 @@ border-radius: 5px; } .documentslist .document:hover, -.documentslist .document:focus, -.documentslist .add-document:hover, -.documentslist .add-document:focus { +.documentslist .document a:focus { background-color: #ddd; }