User:G3jzer/Wiki Issues: Difference between revisions

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


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.
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=
=Tabber=
Style of tabs is broken. They used to be displayed above the infobox, without the white line and with dark background.
Style of tabs is broken. They used to be displayed above the infobox, without the white line and with dark background.


From inspecting the page I see that the classes are configured incorrectly.
Examples:
*"tabber__header" class
*[[Crate]]
**set flex-direction to row-reverse
*[[Template:Infobox_Tabs]]
**remove box-shadow
 
*"tabber__tab"
 
**set background to rgb(9,9,8)
I'm trying to make it better than it was before, this is what i came up with at this time (work in progress):
 
<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>


They 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)


*[[Crate]]
<pre>
*[[Template:Infobox_Tabs]]
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%;
}