CollaboraOnline / online

Collabora Online is a collaborative online office suite based on LibreOffice technology. This is also the source for the Collabora Office apps for iOS and Android.
https://collaboraonline.com
Other
1.81k stars 693 forks source link

Filename overlaps menu in compact mode #5407

Open relikd opened 1 year ago

relikd commented 1 year ago

Describe the bug The filename field (which is also used to rename the file) is displayed on top of the menu bar. This does not happen for user_interface.mode = tabbed but only for user_interface.mode = compact.

The affected div has the following css:

@media screen and (min-width: 1200px)
nav:not(.hasnotebookbar).main-nav #document-titlebar {
  position: absolute;
  left: 50%;
}

which is just shown in the middle of the screen, regardless of other elements.

To Reproduce Resize the browser window until the issue emerges (e.g. simulate a small screen size).

Expected behavior The filename should be shown right of the menu bar.

Actual behavior The filename / title is misplaced.

Screenshots screen

Desktop (please complete the following information)

Additional context Docker setup with COOLWSD 22.05.7.2 (git hash: https://github.com/CollaboraOnline/online/commit/b6395462873df146ca012b3f7c0dfda540b99152)

relikd commented 1 year ago

Just tested a few versions. It must have broken somewhere between 21.11.5.3.1 and 22.05.6.3.1

relikd commented 1 year ago

Ok, this happens in 21.11.5.3.1 too if the filename gets longer than "test.ods"

thebearon commented 1 year ago

CC @pedropintosilva.

mohicanb commented 1 year ago

confirmed on: OS: Linux Mint 21 Browser: Firefox 108 and Vivaldi 5.6.2867.46 Version COOLWSD: 22.05.8.4

eldelacajita commented 1 year ago

I can confirm this too, on Safari on a Mac with a 13,3 inch (2560 × 1600) screen.

photo_2023-01-27_12-45-54

rodinux commented 1 year ago

I have similar issue coolwsd version 22.05.10.1 firefox 102.8.0

Capture d’écran du 2023-03-06 12-17-26

rodinux commented 1 year ago

But resolved using Affichage (or View or Ver) and then Utiliser des onglets (or Use tabs or Utilizar pestañas)

Capture d’écran du 2023-03-06 12-25-02

relikd commented 1 year ago

But resolved using Affichage (or View or Ver) and then Utiliser des onglets (or Use tabs or Utilizar pestañas)

well, thats already stated in the issue description:

This does not happen for user_interface.mode = tabbed but only for user_interface.mode = compact.

Darshan-upadhyay1110 commented 1 month ago

This been solved in latest version, as this report seems old i am closing it for now...

relikd commented 1 month ago

Nope, it is not. With v24.04.6.2.1:

screen1

It becomes apparent even for short filenames with the new hover bounding box:

screen2

jazevedo-coll commented 1 month ago

@relikd can you send the git hash of the version you are using?

relikd commented 1 month ago

4fd2181