[Libreoffice-commits] online.git: loleaflet/css loleaflet/src

[Pedro Pinto Silva (via logerrit)]

 loleaflet/css/toolbar.css                          |    5 +----
 loleaflet/src/control/Control.DocumentNameInput.js |    2 ++
 2 files changed, 3 insertions(+), 4 deletions(-)

New commits:
commit 4ad75ca85dc8be2399f99e71fbbff685de0ffe80
Author:     Pedro Pinto Silva <pedro.silva at collabora.com>
AuthorDate: Tue Jun 9 11:25:16 2020 +0200
Commit:     Pedro Silva <pedro.silva at collabora.com>
CommitDate: Tue Jun 9 13:10:48 2020 +0200

    Desktop: Set (on LayerInit)  document name's size dynamically according to its value
    
    Change-Id: I5e15b50c4ecf51d8e713cfc0fe116b44294e1e45
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/95904
    Tested-by: Jenkins
    Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice at gmail.com>
    Tested-by: Pedro Silva <pedro.silva at collabora.com>
    Reviewed-by: Pedro Silva <pedro.silva at collabora.com>

diff --git a/loleaflet/css/toolbar.css b/loleaflet/css/toolbar.css
index 45b1531ec..13eb379d5 100644
--- a/loleaflet/css/toolbar.css
+++ b/loleaflet/css/toolbar.css
@@ -154,7 +154,6 @@ w2ui-toolbar {
 		font-size: 16px;
 		border: 1px solid transparent;
 		background-color: transparent;
-		width: 200px;
 }
 
 #document-name-input.editable {
@@ -169,7 +168,6 @@ w2ui-toolbar {
 		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:not(:focus) {
@@ -179,8 +177,7 @@ w2ui-toolbar {
 		background-image: url('images/baseline-edit.svg');
 		background-position: right;
 		background-repeat: no-repeat;
-		padding-right: 20px;
-		width: 181px;
+		padding-right: 2px;
 }
 #tb_editbar_item_fold table.w2ui-button {
 	margin: 0px 14px 0px 4px !important;
diff --git a/loleaflet/src/control/Control.DocumentNameInput.js b/loleaflet/src/control/Control.DocumentNameInput.js
index e11d6bf95..13f83c4d2 100644
--- a/loleaflet/src/control/Control.DocumentNameInput.js
+++ b/loleaflet/src/control/Control.DocumentNameInput.js
@@ -59,6 +59,8 @@ L.Control.DocumentNameInput = L.Control.extend({
 	},
 
 	onDocLayerInit: function() {
+		$('#document-name-input').attr('size', $('#document-name-input').val().length);
+
 		// FIXME: Android app would display a temporary filename, not the actual filename
 		if (window.ThisIsTheAndroidApp) {
 			$('#document-name-input').hide();