[Libreoffice-commits] online.git: Branch 'distro/collabora/co-4-2-4' - 2 commits - loleaflet/css

[Pedro Pinto Silva (via logerrit)]

 loleaflet/css/loleaflet.css |    3 ++-
 loleaflet/css/toolbar.css   |   16 +++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

New commits:
commit e6e928a57677f79b30f2ae0b9741707a8fb6ffc7
Author:     Pedro Pinto Silva <pedro.si...@collabora.com>
AuthorDate: Mon Jun 1 12:59:03 2020 +0200
Commit:     Andras Timar <andras.ti...@collabora.com>
CommitDate: Mon Jun 8 20:46:26 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>
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/95707
    Reviewed-by: Andras Timar <andras.ti...@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;
commit 8072efed2d177b6392c78db649dbd6daa79bc9ed
Author:     Pedro Pinto Silva <pedro.si...@collabora.com>
AuthorDate: Fri May 29 15:25:03 2020 +0200
Commit:     Andras Timar <andras.ti...@collabora.com>
CommitDate: Mon Jun 8 20:46:12 2020 +0200

    Sidebar-panel has fixed width that is bigger than its contents
    
    causing a white placeholder to appear sometimes after the side panel (when 
it's open) and sometimes before (when it's closed)
    
    Change-Id: I6247b2bbb90943c3520dc4f22ee07966bf03d1e3
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/95143
    Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoff...@gmail.com>
    Tested-by: Jenkins
    Reviewed-by: Pedro Silva <pedro.si...@collabora.com>
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/95706
    Reviewed-by: Andras Timar <andras.ti...@collabora.com>

diff --git a/loleaflet/css/loleaflet.css b/loleaflet/css/loleaflet.css
index 3ec71f0f1..0773c624d 100644
--- a/loleaflet/css/loleaflet.css
+++ b/loleaflet/css/loleaflet.css
@@ -152,10 +152,11 @@ body {
 }
 
 #sidebar-panel {
+       display: table;
        padding: 0px;
        margin: 0px;
        position: relative;
-       width: 100%;
+       width: auto;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits