Tweak layout, making it wider and fixing overflows
This commit is contained in:
parent
f235677024
commit
080d4774cf
|
@ -225,7 +225,7 @@ nav {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
max-height: 379.5px;
|
max-height: 379.5px;
|
||||||
max-width: 506px;
|
max-width: 533px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery-row .attachment, .gallery-row .attachments {
|
.gallery-row .attachment, .gallery-row .attachments {
|
||||||
|
@ -287,13 +287,13 @@ video {
|
||||||
|
|
||||||
.still-image {
|
.still-image {
|
||||||
max-height: 379.5px;
|
max-height: 379.5px;
|
||||||
max-width: 506px;
|
max-width: 533px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.still-image img {
|
.still-image img {
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
max-width: 506px;
|
max-width: 533px;
|
||||||
max-height: 379.5px;
|
max-height: 379.5px;
|
||||||
border-color: #222;
|
border-color: #222;
|
||||||
flex-basis: 300px;
|
flex-basis: 300px;
|
||||||
|
@ -365,7 +365,7 @@ video {
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-tabs {
|
.profile-tabs {
|
||||||
max-width: 846px;
|
max-width: 900px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
float: none;
|
float: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
@ -382,7 +382,7 @@ video {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 70% !important;
|
width: 68% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-tab {
|
.profile-tab {
|
||||||
|
@ -393,7 +393,7 @@ video {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 30% !important;
|
max-width: 32%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-banner {
|
.profile-banner {
|
||||||
|
@ -416,16 +416,10 @@ video {
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-card {
|
.profile-card {
|
||||||
float: left;
|
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin-top: 0;
|
|
||||||
background: #161616;
|
background: #161616;
|
||||||
border-radius: 0 0 4px 4px;
|
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
position: relative;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-start;
|
|
||||||
max-width: 90%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-card-tabs {
|
.profile-card-tabs {
|
||||||
|
@ -476,17 +470,16 @@ video {
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-card-extra {
|
.profile-card-extra {
|
||||||
display: block;
|
display: contents;
|
||||||
flex: 100%;
|
flex: 100%;
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-bio {
|
.profile-bio {
|
||||||
border-radius: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
background: transparent;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-right: -5px
|
margin-right: -6px;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-description {
|
.profile-description {
|
||||||
|
@ -666,12 +659,9 @@ video {
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-statlist {
|
.profile-statlist {
|
||||||
vertical-align: bottom;
|
|
||||||
table-layout: fixed;
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 2px;
|
padding: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue