Revamp mobile including CSS flexbox for messageListItem

This commit is contained in:
djmaze 2021-02-15 15:20:22 +01:00
parent 6238b97f08
commit 10f9ce39d9
70 changed files with 479 additions and 821 deletions

View file

@ -52,9 +52,7 @@
autocorrect="off" autocapitalize="off" spellcheck="false" style="padding-right: 35px;"
data-bind="textInput: additionalCode, disable: submitRequest"
data-i18n="[placeholder]LOGIN/LABEL_VERIFICATION_CODE" />
<span class="add-on">
<i class="fontastic">🔑</i>
</span>
<span class="add-on fontastic">🔑</span>
</div>
</div>
<div class="controls plugin-mark-Login-BottomControlGroup"
@ -109,19 +107,15 @@
</form>
</div>
<div class="e-mobile-switcher">
<span data-bind="visible: !mobile">
<span class="hide-mobile">
<i class="fontastic">📱</i>
&nbsp;
<a href="./?/MobileVersion/" tabindex="-1">
<span data-i18n="MOBILE/BUTTON_MOBILE_VERSION"></span>
</a>
<a href="./?/MobileVersion/" tabindex="-1" data-i18n="MOBILE/BUTTON_MOBILE_VERSION"></a>
</span>
<span data-bind="visible: mobile">
<span class="show-mobile">
<i class="fontastic">💻</i>
&nbsp;
<a href="./?/DesktopVersion/" tabindex="-1">
<span data-i18n="MOBILE/BUTTON_DESKTOP_VERSION"></span>
</a>
<a href="./?/DesktopVersion/" tabindex="-1" data-i18n="MOBILE/BUTTON_DESKTOP_VERSION"></a>
</span>
</div>
</div>