MediaWiki:Mobile.css: Difference between revisions

From Good Creations! MC Wiki
Jump to navigation Jump to search
mNo edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
mNo edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Line 14: Line 14:
/* Hide elements which are given this class */
/* Hide elements which are given this class */
.nomobile { display: none; }
.nomobile { display: none; }
.header .branding-box { opacity: 1; }
.header .branding-box img { width: 160px; }
@media (min-width:720px)
{
.header .branding-box { padding-right: 30px; }
}


/* Squeeze the menu icons because the logo with wordmark makes the header to large. */
/* Squeeze the menu icons because the logo with wordmark makes the header to large. */

Revision as of 09:42, 16 March 2025

/* All CSS here will be loaded for users of the mobile site */

/* Fix bug with branding box. */
.minerva-header .branding-box { min-width: auto; }

/* 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%; }

.minerva-header .branding-box {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%; /* Adjust this as necessary */
}