Tags: Mobile edit Mobile web edit Advanced mobile edit |
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* All CSS here will be loaded for users of the mobile site */ | | /* # REDIRECT [[MediaWiki:Minerva.css]] <!-- Minerva.css is now render blocking --> */ |
| | |
| /* Fix bug with branding box. */
| |
| .minerva-header .branding-box {
| |
| min-width: auto;
| |
| display: block;
| |
| max-width: 80%; /* Prevents overflowing */
| |
| white-space: normal;
| |
| word-wrap: break-word;
| |
| overflow-wrap: break-word;
| |
| line-height: 1.4;
| |
| }
| |
| | |
| | |
| @media (max-width: 768px) { /* Adjust for mobile screens */
| |
| .minerva-header .branding-box {
| |
| max-width: 60% !important; /* Reduce width further on smaller screens */
| |
| text-align: center; /* Ensures proper alignment */
| |
| }
| |
| }
| |
| | |
| /* Fix heading positionning. */
| |
| .page-heading {
| |
| padding-top: 1em;
| |
| }
| |
| | |
| /* Show elements which are given this class (they are shown again by Common.css). */
| |
| .mobileonly { display: block; }
| |
| | |
| /* Hide elements which are given this class */
| |
| .nomobile { display: none; }
| |
| | |
| /* Squeeze the menu icons because the logo with wordmark makes the header to large. */
| |
| #minerva-user-menu-toggle { padding: 0.5em; }
| |
| #user-notifications { padding: 0.5em; }
| |
| #searchIcon { padding: 0.5em; }
| |
| .branding-box { margin-right: 20px; zoom: 90%; }
| |
| | |
| /* Truncate the title with an ellipsis */
| |
| .minerva-header .branding-box .vector-logo {
| |
| white-space: nowrap;
| |
| overflow: hidden;
| |
| text-overflow: ellipsis;
| |
| max-width: 70%; /* Adjust this as needed */
| |
| }
| |