keii.dev / osu-web
the browser-facing portion of osu!
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Remove extra wrapper on YouTube bbcode

nanaya cab4c75b f2586d8d

+16 -36
+2 -2
app/Libraries/BBCodeFromDB.php
··· 345 345 public function parseYoutube(string $text): string 346 346 { 347 347 return strtr($text, [ 348 - "[youtube:{$this->uid}]" => "<div class='bbcode__video-box'><iframe class='u-embed-wide' src='https://www.youtube.com/embed/", 349 - "[/youtube:{$this->uid}]" => "?rel=0' allowfullscreen></iframe></div>", 348 + "[youtube:{$this->uid}]" => "<iframe class='u-embed-wide u-embed-wide--bbcode' src='https://www.youtube.com/embed/", 349 + "[/youtube:{$this->uid}]" => "?rel=0' allowfullscreen></iframe>", 350 350 ]); 351 351 } 352 352
-4
resources/css/bbcode.less
··· 123 123 list-style: none; 124 124 margin: 0; 125 125 } 126 - 127 - &__video-box { 128 - max-width: 425px; 129 - } 130 126 }
+4
resources/css/utilities.less
··· 42 42 display: block; 43 43 aspect-ratio: 16 / 9; 44 44 width: 100%; 45 + 46 + &--bbcode { 47 + max-width: 425px; 48 + } 45 49 } 46 50 47 51 .u-fancy-scrollbar {
+10 -30
tests/Libraries/bbcode_examples/basic_youtube.html
··· 1 - <div class="bbcode__video-box"> 2 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 3 - </div> 1 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 4 2 <br /><br /> 5 - <div class="bbcode__video-box"> 6 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 7 - </div> 3 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 8 4 <br /><br /> 9 - <div class="bbcode__video-box"> 10 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 11 - </div> 5 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 12 6 <br /><br /> 13 - <div class="bbcode__video-box"> 14 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 15 - </div> 7 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 16 8 <br /><br /> 17 - <div class="bbcode__video-box"> 18 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 19 - </div> 9 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/mT5vq7egFqQ?rel=0" allowfullscreen=""></iframe> 20 10 <br /><br /> 21 - <div class="bbcode__video-box"> 22 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 23 - </div> 11 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 24 12 <br /><br /> 25 - <div class="bbcode__video-box"> 26 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 27 - </div> 13 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 28 14 <br /><br /> 29 - <div class="bbcode__video-box"> 30 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 31 - </div> 15 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 32 16 <br /><br /> 33 - <div class="bbcode__video-box"> 34 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 35 - </div> 17 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 36 18 <br /><br /> 37 - <div class="bbcode__video-box"> 38 - <iframe class="u-embed-wide" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe> 39 - </div> 19 + <iframe class="u-embed-wide u-embed-wide--bbcode" src="https://www.youtube.com/embed/YOeKD8ig3eM?rel=0" allowfullscreen=""></iframe>