Piwigo.org

deemon · 2023-01-18 12:06:59

Hello/Hi/Greetings,

When you open up the album, I would like the entire album name to be visible, not cropped after 29 letters and added 3 points.

Is there a way to make this changeable in some configuration setting so I don't have to start manually altering the theme after every update?

edit: ...seems to be some CSS issue ... because the name is entirely there in HTML.
@media (min-width: 576px) and (max-width: 767.98px)
.nav-breadcrumb > .nav-breadcrumb-item {
max-width: 250px;
}

removing the "max-width: 250px;" fixes the problem. However. Is there some way to not fork the theme and make the css change permanent through theme updates?

Last edited by deemon (2023-01-18 12:23:04)

Katryne · 2023-01-18 12:38:42

Hello !
If you enter the code in the CSS tab of the Plugin Local File Editor, your modification will be kept when the official theme is updated.

deemon · 2023-01-18 12:47:21

hi. how can I ... overwrite or remove setting set in the current css?
any suggestions? not CSS guru here :D

just adding there:
@media (min-width: 576px) and (max-width: 767.98px)
.nav-breadcrumb > .nav-breadcrumb-item {
max-width: 500px;
}

would replace the 250px with 500px?
is there a way to delete the css variable definition for max-width there entirely?

deemon · 2023-01-18 15:22:42

nvm. gues I figured it out by trial and error.

Code:

/* The file does not exist until some information is entered 
below. Once information is entered and saved, the file will be created. */

@media (min-width: 1200px) {
  .nav-breadcrumb > .nav-breadcrumb-item {
    max-width: none;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .nav-breadcrumb > .nav-breadcrumb-item {
    max-width: none;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .nav-breadcrumb > .nav-breadcrumb-item {
    max-width: none;
  }
}

@media (max-width: 575.98px) {
  .nav-breadcrumb > .nav-breadcrumb-item {
    max-width: none;
  }
}

seems to do the trick.

Last edited by deemon (2023-01-18 15:50:21)

Piwigo.org

Announcement

#1 2023-01-18 12:06:59

Bootstrap Darkroom -- Album titles cropped.

#2 2023-01-18 12:38:42

Re: Bootstrap Darkroom -- Album titles cropped.

#3 2023-01-18 12:47:21

Re: Bootstrap Darkroom -- Album titles cropped.

#4 2023-01-18 15:22:42

Re: Bootstrap Darkroom -- Album titles cropped.

Code:

Board footer