Skip to main content
added 6 characters in body
Source Link
Braiam
  • 15.4k
  • 4
  • 36
  • 95

When a site has a "system message" shown (such as the message shown on recently launched beta sites, like Vi/Vim), the mobile layout suffers:

message

message

Compare the above with how the mobile navigation bar normally looks:

normal

normal

Worse yet, a selected tab on the navigation bar is shown in white on white:

selected

selected

Observed in mobile Opera 27 on Android, and also in desktop Chrome 41 on Chrome OS, from where the screenshots are taken.

The problem is that <div class="system-message-container"> is positioned where the navigation bar is supposed to be; if it is deleted, the normality is restored.

When a site has a "system message" shown (such as the message shown on recently launched beta sites, like Vi/Vim), the mobile layout suffers:

message

Compare the above with how the mobile navigation bar normally looks:

normal

Worse yet, a selected tab on the navigation bar is shown in white on white:

selected

Observed in mobile Opera 27 on Android, and also in desktop Chrome 41 on Chrome OS, from where the screenshots are taken.

The problem is that <div class="system-message-container"> is positioned where the navigation bar is supposed to be; if it is deleted, the normality is restored.

When a site has a "system message" shown (such as the message shown on recently launched beta sites, like Vi/Vim), the mobile layout suffers:

message

Compare the above with how the mobile navigation bar normally looks:

normal

Worse yet, a selected tab on the navigation bar is shown in white on white:

selected

Observed in mobile Opera 27 on Android, and also in desktop Chrome 41 on Chrome OS, from where the screenshots are taken.

The problem is that <div class="system-message-container"> is positioned where the navigation bar is supposed to be; if it is deleted, the normality is restored.

deleted 2 characters in body
Source Link
user259867
user259867

When a site has a "system message" shown (such as the message shown on recently launched beta sites, like Vi/Vim), the mobile layout suffers:

message

Compare the above with how the mobile navigation bar normally looks:

normal

Worse yet, a selected tab on the navigation bar is shown in white on white:

selected

Observed in mobile Opera 27 on Android, and also in desktop Chrome 41 on Chrome OS, from where the screenshots are taken.

The problem is that the node   <div class="system-message-container"> landsis positioned where the navigation bar is supposed to be; if it is deleted, the normality is restored.

When a site has a "system message" shown (such as the message shown on recently launched beta sites, like Vi/Vim), the mobile layout suffers:

message

Compare the above with how the mobile navigation bar normally looks:

normal

Worse yet, a selected tab on the navigation bar is shown in white on white:

selected

Observed in mobile Opera 27 on Android, and also in desktop Chrome 41 on Chrome OS, from where the screenshots are taken.

The problem is that the node <div class="system-message-container"> lands where the navigation bar is supposed to be; if it is deleted, the normality is restored.

When a site has a "system message" shown (such as the message shown on recently launched beta sites, like Vi/Vim), the mobile layout suffers:

message

Compare the above with how the mobile navigation bar normally looks:

normal

Worse yet, a selected tab on the navigation bar is shown in white on white:

selected

Observed in mobile Opera 27 on Android, and also in desktop Chrome 41 on Chrome OS, from where the screenshots are taken.

The problem is that   <div class="system-message-container"> is positioned where the navigation bar is supposed to be; if it is deleted, the normality is restored.

Source Link
user259867
user259867

System message breaks mobile site layout

When a site has a "system message" shown (such as the message shown on recently launched beta sites, like Vi/Vim), the mobile layout suffers:

message

Compare the above with how the mobile navigation bar normally looks:

normal

Worse yet, a selected tab on the navigation bar is shown in white on white:

selected

Observed in mobile Opera 27 on Android, and also in desktop Chrome 41 on Chrome OS, from where the screenshots are taken.

The problem is that the node <div class="system-message-container"> lands where the navigation bar is supposed to be; if it is deleted, the normality is restored.