Shrinking browser window width with 90% or 67% zoom produces overlapping elements

NatLibFi / Skosmos

Thesaurus and controlled vocabulary browser using SKOS and SPARQL

Other

229 stars 94 forks source link

Shrinking browser window width with 90% or 67% zoom produces overlapping elements #858

Open tpalonen opened 5 years ago

tpalonen commented 5 years ago

Finto frontpage has three elements (welcoming text box, list of ontologies, Twitter feed box) which will overlap when shrinking the browser window width to approximately half the screen width with zoom 90% or 67% as tested with Firefox. See the attached screenshot. finto-puolikkaalla-ruudulla

kouralex commented 4 years ago

This has now been fixed in finto.css

Vainonen commented 2 years ago

After bootstrap 5 update this issue seems to have reappeared, when using Firefox with developer tools docked to right corner of browser window.

jarmosaarikko commented 1 year ago

Can this be adjusted in the css-file or does it require something else? eg: https://finto.fi/resource/css/styles.css

.right-box {
  background-color: var(--white-color);
  width: 240px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
}

More css on the Finto homepage

<a class="twitter-timeline" 
height="330" 
data-dnt="true" 
data-link-color="#00748f" 
data-chrome="nofooter 
noborders" 
href="https://twitter.com/Fintopalvelu" 
data-widget-id="466581978829950976">Tweets by @Fintopalvelu</a>