Announcement

  •  » Themes
  •  » Bootstrap Darkroom -- Album titles cropped.

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

deemon
Member
2021-05-03
41

Bootstrap Darkroom -- Album titles cropped.

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)

Offline

 

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

Katryne
Member
2016-12-03
223

Re: Bootstrap Darkroom -- Album titles cropped.

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.


https://photos.revestou.fr/  v.13.3.0 - https://dardennes.revestou.fr/ v.13.3.0 - http://photos.katrynou.fr/ v.13.3.0 https://album.chauvigne.info/ v.13.3.0
Système d'exploitation: Linux - Hébergeur 1&1-Ionos PHP: 8.0.24 - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Offline

 

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

deemon
Member
2021-05-03
41

Re: Bootstrap Darkroom -- Album titles cropped.

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?

Offline

 

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

deemon
Member
2021-05-03
41

Re: Bootstrap Darkroom -- Album titles cropped.

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)

Offline

 
  •  » Themes
  •  » Bootstrap Darkroom -- Album titles cropped.

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2023 · Contact