In-Problems
Проверенные
- Сообщения
- 57
- Реакции
- -2
- Баллы
- 150
Где можно уменьшить эту картинку в профили
- Автор темы In-Problems
- Дата начала
In-Problems
Проверенные
- Сообщения
- 57
- Реакции
- -2
- Баллы
- 150
ну я как бы написал, пару дней назад писал об этом еще, 2 раза писал, видимо не шарят
Skaiman
Проверенные
- Сообщения
- 18,359
- Решения
- 233
- Реакции
- 33,946
- Баллы
- 21,375
не настройки, где то вставлял код, делал модификации, в лучшем случае, правил шаблоны
In-Problems
Проверенные
- Сообщения
- 57
- Реакции
- -2
- Баллы
- 150
In-Problems
Проверенные
- Сообщения
- 57
- Реакции
- -2
- Баллы
- 150
HTML:
@_message-actionColumnWidth: 40px;
@_messageSimple-userColumnWidth: 70px;
.message
{
+ .message,
&.message--bordered
{
border-top: @xf-borderSize solid @xf-borderColor;
}
}
.message,
.block--messages .message
{
&.is-mod-selected
{
background: @xf-inlineModHighlightColor;
.message-cell--user
{
background: @xf-inlineModHighlightColor;
}
.message-userArrow:after
{
border-right-color: @xf-inlineModHighlightColor;
}
}
}
.message-inner
{
display: flex;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08);
}
.message-cell
{
display: block;
vertical-align: top;
padding: @xf-messagePadding;
.message--quickReply &
{
//padding-bottom: 35px; // for the submit row
> .formRow:last-child
{
> dd
{
padding-bottom: 0;
}
}
}
&.message-cell--closer
{
padding: @xf-messagePaddingSmall;
&.message-cell--main
{
padding-left: ((@xf-messagePaddingSmall) * 1.5);
}
&.message-cell--user
{
.m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePaddingSmall));
.message--simple &
{
.m-fixedWidthFlex(@_messageSimple-userColumnWidth + 2 * (@xf-messagePaddingSmall));
}
}
&.message-cell--action
{
.m-fixedWidthFlex((@_message-actionColumnWidth) + 2 * (@xf-messagePaddingSmall));
}
}
&.message-cell--user,
&.message-cell--action
{
position: relative;
.xf-messageUserBlock(no-border);
border-right: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
min-width: 0;
}
&.message-cell--user
{
padding: 0;
.m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePadding));
flex: 0 0 199px;
.message--simple &
{
.m-fixedWidthFlex(@_messageSimple-userColumnWidth + 2 * @xf-messagePaddingSmall);
flex: 0 0 199px;
}
}
&.message-cell--action
{
.m-fixedWidthFlex((@_message-actionColumnWidth) + 2 * (@xf-messagePadding));
}
&.message-cell--main
{
padding-left: (@xf-messagePadding * 1.5);
flex: 1 1 auto;
width: 100%;
min-width: 0;
&.is-editing
{
padding: 0;
}
// should really only happen when editing
.block
{
margin: 0;
}
.block-container
{
margin: 0;
border: none;
}
}
&.message-cell--alert
{
font-size: @xf-fontSizeSmall;
flex: 1 1 auto;
width: 100%;
min-width: 0;
.xf-contentAccentBase();
a
{
.xf-contentAccentLink();
}
}
&.message-cell--extra
{
.m-fixedWidthFlex(180 + 2 * (@xf-messagePadding));
border-left: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
background: @xf-contentAltBg;
.formRow-explain
{
margin: @xf-paddingMedium 0 0;
.xf-formExplain();
.m-textColoredLinks();
font-size: 80%;
}
}
}
.message-main
{
height: 100%;
display: flex;
flex-direction: column;
}
.message-content
{
flex: 1 1 auto;
// IE11 flex bug
min-height: 1px;
}
.message-footer
{
margin-top: auto;
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-inner
{
display: block;
}
.message-cell
{
display: block;
.m-clearFix();
&.message-cell--user
{
width: auto;
border-left: 1px solid @xf-borderColor;
border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
}
&.message-cell--main
{
padding-left: @xf-messagePadding;
}
&.message-cell--extra
{
width: auto;
border-left: none;
border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
}
}
}
.message--simple:not(.message--forceColumns),
.message--quickReply:not(.message--forceColumns)
{
.message-cell.message-cell--user
{
display: none;
}
}
}
// ######################## USER COLUMN #########################
.message-userArrow
{
position: absolute;
top: (@xf-messagePadding) * 2;
right: -1px;
.m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);
&:after
{
position: absolute;
top: -(@xf-messagePadding - 1px);
right: -@xf-messagePadding;
content: "";
.m-triangleLeft(@xf-contentBg, @xf-messagePadding - 1px);
}
}
.message-avatar
{
text-align: center;
width: 199px;
height: 199px;
.avatar
{
width: 199px;
height: 199px;
border-radius: 0px;
vertical-align: bottom;
}
}
.message-userDetails {
padding: 10px;
}
.message-userExtras {
padding: 0px 10px 10px 10px;
}
.message-avatar-wrapper
{
position: relative;
display: inline-block;
vertical-align: bottom;
margin-bottom: .5em;
width: 100%;
height: 100%;
.message-avatar-online
{
position: absolute;
// center bottom position
left: 50%;
margin-left: -.615em;
bottom: -.5em;
&:before
{
.m-faBase();
.m-faContent(@fa-var-user-circle);
line-height: 1;
font-weight: bold;
color: rgb(127, 185, 0);
background: @xf-messageUserBlock--background-color;
border: @xf-messageUserBlock--background-color solid 2px;
border-radius: 50%;
display: inline-block;
}
}
}
.message-name
{
font-weight: @xf-fontWeightHeavy;
font-size: inherit;
text-align: center;
margin: 0;
* {
text-shadow: none;
}
}
.message-userTitle
{
font-size: @xf-fontSizeSmaller;
font-weight: normal;
text-align: center;
margin: 0;
}
.message-userBanner.userBanner
{
display: block;
margin-top: 3px;
height: 38px;
line-height: 38px;
margin: 10px 0 0 0;
}
.message-userExtras
{
margin-top: 3px;
font-size: @xf-fontSizeSmaller;
}
.message--deleted
{
.message-userDetails
{
display: none;
}
.message-avatar .avatar
{
.m-avatarSize(@avatar-s);
}
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-userArrow
{
top: auto;
right: auto;
bottom: -1px;
left: ((@avatar-s) / 2);
border: none;
.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);
&:after
{
top: auto;
right: auto;
left: -(@xf-messagePadding - 1px);
bottom: -@xf-messagePadding;
border: none;
.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
}
}
&.is-mod-selected
{
.message-userArrow:after
{
border-color: transparent;
border-bottom-color: @xf-inlineModHighlightColor;
}
}
.message-user
{
display: flex;
}
.message-avatar
{
margin-bottom: 0;
.avatar
{
.m-avatarSize(@avatar-s);
& + .message-avatar-online
{
left: auto;
right: 0;
}
}
}
.message-userDetails
{
flex: 1;
min-width: 0;
padding-left: @xf-messagePadding;
}
.message-name
{
text-align: left;
}
.message-userTitle,
.message-userBanner.userBanner
{
display: inline-block;
text-align: left;
margin: 0;
}
.message-userExtras
{
display: none;
}
.message--deleted
{
.message-userDetails
{
display: block;
}
}
}
}
// ####################### MAIN COLUMN ####################
.message-content
{
position: relative;
.js-selectToQuoteEnd
{
height: 0;
font-size: 0;
overflow: hidden;
}
.message--multiQuoteList &
{
min-height: 80px;
max-height: 120px;
overflow: hidden;
.message-body
{
pointer-events: none;
}
}
}
.message-attribution
{
color: @xf-textColorMuted;
font-size: @xf-fontSizeSmaller;
padding-bottom: 3px;
border-bottom: @xf-borderSize solid @xf-borderColorFaint;
.m-clearFix();
&.message-attribution--plain
{
border-bottom: none;
font-size: inherit;
padding-bottom: 0;
}
&.message-attribution--split
{
display: flex;
align-items: flex-end;
.message-attribution-opposite
{
margin-left: auto;
}
}
}
.message-attribution-main
{
float: left;
}
.message-attribution-opposite
{
float: right;
&.message-attribution-opposite--list
{
display: flex;
.m-listPlain();
> li
{
margin-left: 14px;
&:first-child
{
margin-left: 0;
}
}
a
{
display: inline-block;
margin: -3px -7px;
padding: 3px 7px;
}
}
a
{
color: inherit;
&:hover
{
text-decoration: none;
color: @xf-linkHoverColor;
}
}
}
.message-attribution-source
{
font-size: @xf-fontSizeSmaller;
margin-bottom: @xf-paddingSmall;
}
.message-attribution-user
{
font-weight: @xf-fontWeightHeavy;
.avatar
{
display: none;
}
.attribution
{
display: inline;
font-size: inherit;
font-weight: inherit;
margin: 0;
}
}
.message-newIndicator
{
.xf-messageNewIndicator();
}
.message-minorHighlight
{
font-size: @xf-fontSizeSmall;
color: @xf-textColorFeature;
}
.message-fields
{
margin: @xf-messagePadding 0;
}
.message-body
{
margin: @xf-messagePadding 0;
font-family: @xf-fontFamilyBody;
.m-clearFix();
.message--simple &
{
margin-top: @xf-messagePaddingSmall;
margin-bottom: @xf-messagePaddingSmall;
}
&:last-child
{
margin-bottom: 0;
}
.message-title
{
// basically replicates .structItem-title
font-size: @xf-fontSizeLarge;
font-weight: @xf-fontWeightNormal;
margin: 0 0 @xf-messagePadding 0;
padding: 0;
}
}
.message-attachments
{
margin: .5em 0;
}
.message-attachments-list
{
.m-listPlain();
}
.message-lastEdit
{
margin-top: .5em;
color: @xf-textColorMuted;
font-size: @xf-fontSizeSmallest;
text-align: right;
}
.message-signature
{
margin-top: @xf-messagePadding;
.xf-messageSignature();
max-height: 250px;
overflow: hidden;
.bbImage {
max-height: 250px;
}
}
.message-actionBar .actionBar-set
{
margin-top: @xf-messagePadding;
font-size: @xf-fontSizeSmall;
.message--simple &
{
margin-top: @xf-messagePaddingSmall;
}
}
.message .likesBar
{
margin-top: @xf-messagePadding;
padding: @xf-messagePaddingSmall;
}
.message .reactionsBar
{
margin-top: @xf-messagePadding;
padding: @xf-messagePaddingSmall;
}
.message-historyTarget
{
margin-top: @xf-messagePadding;
}
.message-gradient
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60px;
.m-gradient(fade(@xf-contentBg, 0%), @xf-contentBg, @xf-contentBg, 0%, 90%);
}
.message-responses
{
margin-top: @xf-messagePaddingSmall;
font-size: @xf-fontSizeSmall;
.editorPlaceholder
{
.input
{
font-size: inherit;
}
}
}
.message-responseRow
{
margin-top: -@xf-minorBlockContent--border-width;
.xf-minorBlockContent();
padding: @xf-messagePaddingSmall;
// note that border radiuses are very difficult to do here due to a lot of dynamic showing/hiding
&.message-responseRow--likes,
&.message-responseRow--reactions
{
.m-transitionFadeDown();
}
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-attribution-user .avatar
{
display: inline-flex;
.m-avatarSize((@xf-fontSizeNormal) * (@xf-lineHeightDefault));
}
.message-content
{
// this is 1px to workaround an IE11 issue - see #139187
min-height: 1px;
}
}
}
@media (max-width: @xf-responsiveNarrow)
{
.message-signature
{
display: none;
}
}
// MESSAGE MENU
.message-menuGroup
{
display: inline-block;
}
.message-menuTrigger
{
display: inline-block;
&:after
{
.m-menuGadget(); // 1em
text-align: right;
}
&:hover:after
{
color: black;
}
}
.message-menu-section
{
&--editDelete
{
.menu-linkRow
{
font-weight: @xf-fontWeightHeavy;
font-size: @xf-fontSizeNormal;
}
}
}
.message-menu-link
{
&--delete i:after
{
.m-faContent(@fa-var-trash-alt);
}
&--edit i:after
{
.m-faContent(@fa-var-edit);
}
&--report i:after
{
.m-faContent(@fa-var-frown);
}
&--warn i:after
{
.m-faContent(@fa-var-exclamation-triangle);
}
&--spam i:after
{
.m-faContent(@fa-var-ban);
}
&--ip i:after
{
.m-faContent(@fa-var-sitemap);
}
&--history i:after
{
.m-faContent(@fa-var-history);
}
&--follow i:after
{
.m-faContent(@fa-var-user-plus);
}
&--ignore i:after
{
.m-faContent(@fa-var-user-times);
}
&--share i:after
{
.m-faContent(@fa-var-share-alt);
}
}
// ############################# COMMENTS ###############
.comment
{
}
.comment-inner
{
display: table;
table-layout: fixed;
width: 100%;
}
.comment-avatar
{
display: table-cell;
width: 24px;
vertical-align: top;
.avatar,
img
{
vertical-align: bottom;
}
}
.comment-main
{
display: table-cell;
padding-left: @xf-messagePadding;
vertical-align: top;
}
.comment-contentWrapper
{
margin-bottom: @xf-messagePaddingSmall;
}
.comment-user
{
font-weight: @xf-fontWeightHeavy;
}
.comment-body
{
display: inline;
}
.comment-input
{
display: block;
height: 2.34em;
margin-bottom: @xf-messagePaddingSmall;
}
.comment-actionBar .actionBar-set
{
margin-top: @xf-messagePaddingSmall;
color: @xf-textColorMuted;
}
.comment-likes,
.comment-reactions
{
.m-transitionFadeDown();
margin-top: @xf-messagePaddingSmall;
font-size: @xf-fontSizeSmaller;
}
// ################################## MESSAGE QUICK REPLY ADDITIONS #############
.formSubmitRow.formSubmitRow--messageQr
{
.formSubmitRow-controls
{
text-align: center;
padding-left: 0;
padding-right: 0;
margin-left: @xf-messagePadding;
margin-right: @xf-messagePadding;
@media (max-width: @xf-formResponsive)
{
text-align: right;
}
}
}
// ################################## MESSAGE NOTICES #############################
.messageNotice
{
margin: @xf-messagePaddingSmall 0;
padding: @xf-messagePaddingSmall @xf-messagePadding;
.xf-contentAccentBase();
font-size: @xf-fontSizeSmaller;
border-left: @xf-borderSizeMinorFeature solid @xf-borderColorAttention;
&:not(.messageNotice--highlighted)
{
a,
a:hover
{
.xf-contentAccentLink();
}
}
&:before
{
display: inline-block;
.m-faBase();
padding-right: .2em;
font-size: 125%;
color: @xf-textColorAttention;
}
&.messageNotice--highlighted
{
.xf-contentHighlightBase();
border-left-color: @xf-borderColorFeature;
&:before
{
color: @xf-textColorFeature;
}
}
&.messageNotice--deleted:before { .m-faContent(@fa-var-trash-alt, .88em); }
&.messageNotice--moderated:before { .m-faContent(@fa-var-shield, 1em); }
&.messageNotice--warning:before { .m-faContent(@fa-var-exclamation-triangle, 1em); }
&.messageNotice--ignored:before { .m-faContent(@fa-var-microphone-slash, 1.25em); }
}
// ##################### MESSAGE VARIANTS/RESPONSIVE ##################
@media (min-width: @xf-responsiveEdgeSpacerRemoval)
{
.block:not(.block--messages)
{
@{block-noStripSel} > .block-body:first-child > .message:first-child,
.block-topRadiusContent.message,
.block-topRadiusContent > .message:first-child
{
.message-cell:first-child { border-top-left-radius: @block-borderRadius-inner; }
.message-cell:last-child { border-top-right-radius: @block-borderRadius-inner; }
}
@{block-noStripSel} > .block-body:last-child > .message:last-child,
.block-bottomRadiusContent.message,
.block-bottomRadiusContent > .message:last-child
{
.message-cell:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
.message-cell:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
}
}
}
.block--messages
{
.block-container
{
background: none;
border: none;
}
.message,
.block-row
{
.xf-contentBase();
.xf-blockBorder();
border-radius: @xf-blockBorderRadius;
+ .message,
+ .block-row
{
margin-top: 14px;
}
}
.message-spacer
{
+ .message,
+ .block-row
{
margin-top: @xf-blockPaddingV;
}
}
.message-cell
{
&:first-child
{
border-radius: 0;
border-top-left-radius: @block-borderRadius-inner;
border-bottom-left-radius: @block-borderRadius-inner;
}
&:last-child
{
border-radius: 0;
border-top-right-radius: @block-borderRadius-inner;
border-bottom-right-radius: @block-borderRadius-inner;
}
&:first-child:last-child
{
border-radius: @block-borderRadius-inner;
}
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-cell
{
&:first-child
{
border-radius: 0;
border-top-left-radius: @block-borderRadius-inner;
border-top-right-radius: @block-borderRadius-inner;
}
&:last-child
{
border-radius: 0;
border-bottom-left-radius: @block-borderRadius-inner;
border-bottom-right-radius: @block-borderRadius-inner;
}
&:first-child:last-child
{
border-radius: @block-borderRadius-inner;
}
}
}
.message--simple:not(.message--forceColumns) .message-cell--user + .message-cell
{
border-radius: 0;
border-top-left-radius: @block-borderRadius-inner;
border-top-right-radius: @block-borderRadius-inner;
}
}
@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
.message,
.block-row
{
border-left: none;
border-right: none;
border-radius: 0;
}
.message-cell
{
border-radius: 0;
&:first-child,
&:last-child
{
border-radius: 0;
}
}
.message--simple .message-cell--user + .message-cell
{
border-radius: 0;
}
.message-container
{
padding: @xf-paddingMedium 0 0 0;
.message-container-header
{
text-align: center;
}
.message
{
border-bottom: 0;
}
}
}
}Возможно, что это где-то тут
IlyaPep
Проверенные
- Сообщения
- 2,163
- Решения
- 264
- Реакции
- 4,499
- Баллы
- 2,250
Да всё это просто ищется, в коде элемента найти что правит аватар и потом по классу провести поиск, и вуаля найдётся причина и исправиться. Так вот, гадать не интересно, давно бы дали ссылку на пациента и всё бы уже исправили, но вместо этого вы даёте стандартный шаблон, мол может тут что-то ?
In-Problems
Проверенные
- Сообщения
- 57
- Реакции
- -2
- Баллы
- 150
Какой шаблон может отвечать за размер этих аватарок?
