User:G3jzer/Wiki Issues: Difference between revisions

From Official Barotrauma Wiki
Jump to: navigation, search
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 24: Line 24:




From inspecting the page I see that the classes are configured incorrectly. I fiddled with it for a bit and this looks fine:
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__header" class
**set flex-direction to row-reverse
**remove box-shadow
*"tabber__tab" class
**set background to rgb(9,9,8)


<pre>
.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;
}
</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.
And the infobox needs to be set to "width:100%" when in tabber (It's set to max 30% width currently)
*We could minimize this a bit by adding "width: min-content" to tabber__tab class
 
<pre>
article .infobox.responsive-table {
  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%;
}