User:G3jzer/Wiki Issues: Difference between revisions

From Official Barotrauma Wiki
Jump to: navigation, search
mNo edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 26: Line 26:
I'm trying to make it better than it was before, this is what i came up with at this time (work in progress):
I'm trying to make it better than it was before, this is what i came up with at this time (work in progress):


* div above "tabber tabber-live" class
<pre>
** style="float:right;max-width:30%"
.tabber {
* "tabber__tabs" class
    position: relative;
** flex-flow:wrap-reverse
    display: flex;
** flex-direction:row-reverse
    flex-direction: column;
** row-gap:0.1em
    max-width: 30%;
** column-gap:0.1em
    float: right;
* "tabber__tab" class
}
** flex:1 auto
.tabber__tabs {
** background:rgb(9,9,8)
    display: flex;
    overflow: auto hidden;
    flex-flow: wrap-reverse;
    flex-direction: row-reverse;
    row-gap: 1px;
    column-gap: 1px;
    background: #191919;
}
.tabber__tab {
    padding: 0.5em 0.75em;
    color: #54595d;
    font-weight: bold;
    text-decoration: none;
    background: rgb(9,9,8);
    flex: 1 auto;
    text-align: center;
}
</pre>


Then the infobox needs to be set to "width:100%;height:fit-content" in the template when it's inside a tabber.
And the infobox needs to be set to "width:100%" when in tabber (It's set to max 30% width currently)
<!--
From inspecting the page I see that the classes are configured incorrectly. I fiddled with it for a bit and this looks fine:
*"tabber__header" class
**set flex-direction to row-reverse
**remove box-shadow
*"tabber__tab" class
**set background to rgb(9,9,8)


 
<pre>
The tabs will still spill out to the left of the infobox if there are too many of them, but that's how it used to be. Would probably be good to check other wikis to see how they did similar stuff.
article .infobox.responsive-table {
*We could minimize this a bit by adding "width: min-content" to tabber__tab class
  max-width: 100%;
-->
  width: 100%;
}
</pre>

Latest revision as of 13:24, 12 April 2024

Gallery

Height of videos in galleries is broken when width is set to more than 200px

User:G3jzer/Wiki Issues/Gallery


Images

1. Some images are missing since server migration. Don't know if they can be recovered or need to be reuploaded. Some examples from just missions:

2. All file pages log users out, making it impossible to do any changes to them, outside of using batch upload Special:BatchUpload to avoid going on the individual pages.


Tabber

Style of tabs is broken. They used to be displayed above the infobox, without the white line and with dark background.

Examples:


I'm trying to make it better than it was before, this is what i came up with at this time (work in progress):

.tabber {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 30%;
    float: right;
}
.tabber__tabs {
    display: flex;
    overflow: auto hidden;
    flex-flow: wrap-reverse;
    flex-direction: row-reverse;
    row-gap: 1px;
    column-gap: 1px;
    background: #191919;
}
.tabber__tab {
    padding: 0.5em 0.75em;
    color: #54595d;
    font-weight: bold;
    text-decoration: none;
    background: rgb(9,9,8);
    flex: 1 auto;
    text-align: center;
}

And the infobox needs to be set to "width:100%" when in tabber (It's set to max 30% width currently)

article .infobox.responsive-table {
  max-width: 100%;
  width: 100%;
}