loleaflet/css/toolbar.css | 16 +++++++++++++---
1 file changed, 13 insertions(+), 3 deletions(-)
New commits:
commit 51534dfce23cb3203676c11724cfb9296b9ce029
Author: Pedro Pinto Silva <pedro.si...@collabora.com>
AuthorDate: Mon Jun 1 12:59:03 2020 +0200
Commit: Pedro Silva <pedro.si...@collabora.com>
CommitDate: Mon Jun 1 13:53:52 2020 +0200
Desktop: Improve document-name-input states and discoverability
- display element as an input field (some users didn't know they could
rename the document)
- use box-shadows instead of borders to increase the difference between
states and so the text does not jump
Change-Id: Id00bbcb3be27688603afdedeb25f14ba515bfe33
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/95277
Tested-by: Jenkins
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoff...@gmail.com>
Tested-by: Pedro Silva <pedro.si...@collabora.com>
Reviewed-by: Pedro Silva <pedro.si...@collabora.com>
diff --git a/loleaflet/css/toolbar.css b/loleaflet/css/toolbar.css
index cc80202e6..45b1531ec 100644
--- a/loleaflet/css/toolbar.css
+++ b/loleaflet/css/toolbar.css
@@ -157,14 +157,24 @@ w2ui-toolbar {
width: 200px;
}
+#document-name-input.editable {
+ border: none;
+ box-shadow: 0 0 0.1px 1px #ebebeb, 0 0 2px 1px #f0f0f0;
+ background-image: url('images/baseline-edit.svg');
+ background-position: right;
+ background-repeat: no-repeat;
+}
+
#document-name-input.editable:focus {
- border: 1px solid #bbbbbb;
+ border: none;
+ box-shadow: inset 0 0 2px 1px #f0f0f0, 0 0 0.1px 1px #bbb;
background-color: white;
width: 200px;
}
-#document-name-input.editable:hover {
- border: 1px solid #bbbbbb;
+#document-name-input.editable:hover:not(:focus) {
+ border: none;
+ box-shadow: 0 0 0.1px 1px #d7d7d7, 0 0 3px 2px #f0f0f0;
background-color: white;
background-image: url('images/baseline-edit.svg');
background-position: right;
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits
