diff --git a/css/base/_base.css b/css/base/_base.css index fefefd36..e018f5da 100644 --- a/css/base/_base.css +++ b/css/base/_base.css @@ -23,19 +23,21 @@ html { /* - * POMEMBNO: Ta selektor naj ostane brez `overflow` pravil. - * `overflow-x: hidden` na `` ali `
` elementu preprečuje - * pravilno delovanje `position: sticky`, ki ga uporablja stranska - * vrstica v člankih. + * `overflow-x: hidden` na ``/`` bi pokvaril `position: sticky` + * (stranska vrstica in mobilni TOC v člankih). Zato uporabljamo + * `overflow-x: clip`, ki obreže vodoravni preliv (npr. mobilni meni, + * ki je zunaj zaslona), NE da bi ustvaril drsni vsebnik, zato `sticky` + * še vedno deluje. */ + overflow-x: clip; } - + body { font-family: 'Inter', sans-serif; margin: 0; background-color: #FFFFFF; color: #101828; - /* `overflow-x: hidden;` je bil odstranjen, da omogoči pravilno delovanje `position: sticky`. */ + overflow-x: clip; } /* Pravilo za preprečevanje drsenja, ko je mobilni meni odprt. To je pravilno in ostane. */ diff --git a/css/pages/_article.css b/css/pages/_article.css index 69ce02c5..05ce1f66 100644 --- a/css/pages/_article.css +++ b/css/pages/_article.css @@ -526,6 +526,10 @@ .article-layout-container { flex-direction: column; + /* Reset the desktop `align-items: flex-start`: in a column flexbox it + sizes children to their content width (max-content), which makes + .article-container overflow the viewport. Stretch fits it to width. */ + align-items: stretch; padding: 0; gap: 0; } diff --git a/css/pages/_member.css b/css/pages/_member.css index f14f3b63..594ae265 100644 --- a/css/pages/_member.css +++ b/css/pages/_member.css @@ -111,6 +111,8 @@ .ms-progress-text { display: block; margin-top: 8px; font-size: 12px; font-weight: 600; color: #98A2B3; } .ms-alert { background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA; border-radius: 10px; padding: 10px 14px; font-size: 14px; margin-bottom: 16px; } .ms-alert[hidden] { display: none; } +/* honeypot: off-screen, hidden from users and assistive tech, visible to naive bots */ +.ms-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .ms-step[hidden] { display: none; } .ms-step h3 { font-size: 20px; margin: 0 0 6px; } .ms-hint { font-size: 14px; color: #98A2B3; margin: 0 0 16px; } diff --git a/en/about-us/index.html b/en/about-us/index.html index 8b4537d8..11509437 100644 --- a/en/about-us/index.html +++ b/en/about-us/index.html @@ -393,9 +393,9 @@ - + diff --git a/en/become-a-member/index.html b/en/become-a-member/index.html index ca566e8f..1c23d6d7 100644 --- a/en/become-a-member/index.html +++ b/en/become-a-member/index.html @@ -347,8 +347,9 @@A few friendly questions. You do not need to decide now how active you want to be.