[Mailman-Developers] Re: span: class="d-none d-md-inline", “d-md-none” in translated strings

16 May 2022

      Hello Mark,
the hyperkitty page
for https://lists.mailman3.org/archives/list/mailman-users@mailman3.org/
has this form templates/hyperkitty/overwiev.html:
<!-- Overview page for large screens. -->
<div class="d-none d-md-block">
<div class="list-actions">
  {% if posting_enabled %}
    <a href="{% url "hk_message_new" mlist_fqdn=mlist.name %}"
      class="btn btn-outline-primary
      {% if not user.is_authenticated %} disabled" title="{% trans 'You
must be logged-in to create a thread.' %}{% endif %}">
             <i class="fa fa-plus"></i>
             {% trans '<span class="d-none d-md-inline">Start a
n</span><span class="d-md-none">N</span>ew thread' %}
     </a>
  {% endif %}
     </br>
Now, class="d-none d-md-block" is display:block , when the viewport is
at least 576px, otherwise it is display:none .  Likewise
<span class="d-none d-md-inline">Start a n</span><span class="d-md-
none">N</span>ew thread
class="d-none d-md-inline” is display:inline, when the width of the
view port is at least 576px and display:none otherwise.  Class="d-md-
none" is only visible, when the width is at most 576px.
For screens, which are less than 576px wide, the whole block «<div
class="d-none d-md-block">» is hidden, and «<span class="d-none d-md-
inline">Start a n</span><span class="d-md-none">N</span>ew thread» is
not displayed.
So, when is “<span class="d-md-none">N</span>” supposed to appear?  It
never appears.
Greetings
Дилян
On Sun, 2022-05-15 at 18:22 -0700, Mark Sapiro wrote:
...
On 5/15/22 12:21, Дилян Палаузов wrote:
...
Hello,
I am trying to translate HyperKitty.  Can somebody explain me in
the
strings:
<span class="d-none d-md-inline">Start a n</span><span class="d-md-
none">N</span>ew thread
<span class="d-none d-md-inline">Manage s</span><span class="d-md-
none">S</span>ubscription
what the purpose is of d-none, d-md-inline, d-md-none and how are
these
strings supposed to be translated?
They are bootstrap classec and are not to be translated.
...
Assuming they are Bootstrap-invention to present different text on
differently-wide screens, I tried to make my browser narrower and
wider, while
https://lists.mailman3.org/archives/list/mailman-users@mailman3.org/
is
loaded, and I see no big difference.  The whole block “＋Start a new
thread” is replaced by “＋ New”, without “ thread” afterwards.
I'm not sure why you see that. Taking
<span class="d-none d-md-inline">Start a n</span><span 
class="d-md-none">N</span>ew thread

as an example the whole point of the span tags is to render the
initial
text as either Start a n or N depending on screen size and in
either
case followed by ew thread so that the entire rendered string
becomes
either Start a new thread or New thread depending on screen size.
That's all you need to translate,
Depending on what the actual translations of Start a new thread are
are New thread you may be able to translate this similarly or you
may
need to translate it more like
<span class="d-none d-md-inline">Start a new</span><span 
class="d-md-none">New</span> thread

or even
<span class="d-none d-md-inline">Start a new thread</span><span 
class="d-md-none">New thread</span>

--
Mark Sapiro mark@msapiro.net        The highway is for gamblers,
San Francisco Bay Area, California    better use your sense - B.
Dylan

Mailman-Developers mailing list -- mailman-developers@python.org
To unsubscribe send an email to mailman-developers-leave@python.org
https://mail.python.org/mailman3/lists/mailman-developers.python.org/
Mailman FAQ: https://wiki.list.org/x/AgA3
Security Policy: https://wiki.list.org/x/QIA9