CSS Adjustments

raafirivero

Is there a way to globally unset the css color rules? Inside the Flarum admin I changed the color of the header bar and now every color throughout my install is affected. Worse, I can't unset the color that's in the box and don't remember the value that was in there before I started. I've resorted to individually tracking down every color declaration throughout the app instead of being able to flush and go back to the defaults.

010101

First post has been updated. Patches tested on beta 15 except for the directory one. The first few are pretty important for iOS users.

010101

Post box on mobile code updated once again in first post thanks to @SychO. And a permanent fix may be a merge away. 😍 Some, or maybe most of the iOS fixes in the first post may not be needed by the time we get to stable. 🆒

010101

I'm removing these from the first post because these issues are fixed starting with beta 16. But, I'm putting them here in case someone still needs them.

Again, these are NOT needed as of beta 16! 👍

Fix double tap on some touch devices (iPad for sure):

Fixed as of beta 16

.DiscussionListItem .Dropdown-toggle.Button {
display: none;
}
.no-touch .DiscussionListItem .Dropdown-toggle.Button {
display: block;
}

Fix post box going off screen on mobile:

Fixed as of beta 16

@media (max-width: 767px) {
    .Composer:not(.minimized) {
        position: fixed;
        top: 0 !important;
    }
}

Fixes odd bug where header menu bar text disappears on mobile:

Fixed as of beta 16

.App-navigation {
    transform: initial;
}

[deleted]

Is this code

.video {
width: 100%;
height: auto;
}

suitable for YouTube video?

010101

[deleted] No, you'll have to search the web for responsive YouTube video CSS solutions. But, I thought the YouTube embeds are already responsive? I know I've never had a problem with YouTube and Flarum.

[deleted]

010101 But, I thought the YouTube embeds are already responsive?

On mobile and tablet view, YouTube video is fully streched (as composer/field allows it to be), but on my laptop (higher resolution) it is left placed, not fully responsive...

Arnold

[deleted] here's my version of this code, which makes youtube videos responsive

.video, span[data-s9e-mediaembed="youtube"] {
  width: 100%;
  max-width: 100% !important;
  height: auto;
}

010101

Arnold Thank you! Added to first post.

« Previous Page