slim | Interoperable zero-footprint slide microscopy viewer | Messaging library

The issue is because using position: fixed takes the element out of the document flow. As such it has no reference to its parent for CSS to be able to calculate inherited dimensions.

In this case you can create the behaviour you require by manually calculating the percentage width as an explicit pixel value using the width of .container.

Also note that the if condition around the moveTrackingBar() function definition is redundant and can be removed.

At the end of website/init.py, you need to include

The issue is with the line USER test:testuser

You are creating a usergroup called test and a user called testuser but in your USER statement in the Dockerfile you specify test:testuser, which is not the correct order. It must be like USER testuser:test

USER user:group

or

USER UID:GID

See the Dockerfile reference here.

You can give fixed height and width to the images as required by the carousel:

When having issues like this you should start by checking two things:

First whether the css file that is being loaded actually includes your rules, because your browser may have a cached version stored and simply avoids loading it again.

If that is ok, then you should check whether or not your rules are being overwritten by any other rule included, that may be more specific or flagged as!important

The web inspector can help in both cases!

Finally i had successfully deploy my springboot application to cloud run without changing package type.

I forgot to put #!/bin/sh on the top of 'gunicorn.sh'. Adding this line fixed the problem.

To have the collapse div show under the button, one option is to wrap each button-div pair inside a parent div, like for example:

Posting Comments:

• I would tag Bootstap here for more responses.
• I would post a smaller more specific section of your html.

Possible Answer to Question:

• Instead of dropdown, try dropleft. I would also remove text-right from there as well unless you really want everything aligned right there.
  • https://getbootstrap.com/docs/4.6/components/dropdowns/#dropleft
• If you still want it going right, outside of it's container, what iguypouf said in the comments is correct, remove overflow: hidden;.

Other Comments:

• I would separate the workCards from the col-md-4 so instead of ... it could be ...
• Consider replacing the you are using as the dropdown button with a element. This will be far better for accessibility. If you still want the styling to be like an tag, Bootstrap has the class .h1 that will work.
  • https://getbootstrap.com/docs/4.6/content/typography/#headings
• With Bootstrap you could use instead of . Bootstrap has a ton of helpful helper classes.
  • https://getbootstrap.com/docs/4.6/utilities/
• You might consider renaming text-right as it is already an existing Bootstrap class. Additionally, you won't need it anymore if you replace the with a (from the bullet point above.)
• I would replace tags with tags.
  • https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong#%3Cb%3E_vs._%3Cstrong%3E
• Everything from Organization Number: to Status: should probably be in it's own .
• The final row with the work button does not need two empty col-md-4. Instead you could one col-md-4 and add class justify-content-end to the parent row. You could get rid of that

  tag in there as well as it's not doing much.

  • https://getbootstrap.com/docs/4.6/layout/grid/#horizontal-alignment