Привет! Я использую тему Air, и она выглядит потрясающе!
Я настроил категории в виде блоков. Когда я загружаю изображение размером 200 x 200 пикселей, оно не вписывается красиво. Я не уверен, какой CSS мне нужен, чтобы оно выглядело как блок справа, но с моим изображением. То есть цвет должен доходить до краев так же, как на изображении справа.
Просто обновление. Вот что написано на экране загрузки: «Рекомендуемое соотношение сторон 1:1 с минимальным размером 200 пикселей. Если оставить пустым, изображение отображаться не будет». Я также установил размер 1000×1000, но изменений нет, поэтому, думаю, проблема может быть в работе темы. Помимо того, что изображение не растягивается до краев рамки, за ним видна часть предыдущего синего фона.
Есть какие-то мысли или идеи?
Привет! Это у вас на пробном периоде на нашем хостинге? Если да, то, к сожалению, на тарифе Starter редактирование CSS недоступно.
Привет, Hawk,
Спасибо за ответ.
Нет, у меня свежая установка на собственном хостинге с темой Air. Мне кажется, что проблема в теме, которая некорректно выравнивает изображения. Я просто загрузил файл в рекомендованном соотношении, а результат отображения выглядит так, как вы видите выше.
Было бы здорово, если бы изображение отображалось полностью до краев, как это было в плейсхолдере до загрузки изображений. Если это невозможно, то хотя бы не должно быть видно синих остатков плейсхолдера позади моего изображения.
Я готов добавить CSS-код где-нибудь, чтобы исправить это, хотя не уверен, куда именно и какой код нужно вставить. Как я уже сказал, мне кажется, что проблема в том, что тема некорректно отображает загруженный файл.
У родительского div задан margin-top: .5em, из-за чего родитель и дочернее изображение сдвигаются вниз.
Вы можете попробовать переопределить это поведение:
.categories-list .category .category-logo.aspect-image {
margin-top: 0;
}
Хотя, думаю, для этой проблемы должно быть официальное исправление.
Привет, Coin-coin le Canapin,
Спасибо за код CSS. Я не совсем уверен, куда его нужно добавить. Я поискал в интернете и думаю, что мне нужно добавить его как компонент к теме air. Я это сделал, и при включении никаких изменений не произошло. Скорее всего, я делаю что-то не так.
Я согласен, что это нужно исправить в самой теме. Возможно, я создам пост на странице темы и посмотрю, можно ли это исправить.
Привет, Хок,
Подскажи, пожалуйста, можно ли здесь упомянуть кого-то из команды Air Theme, чтобы попытаться решить эту проблему?
Я уже пробовал CSS-код, который упоминал другой пользователь в этом посте, но, похоже, он не сработал.
С уважением,
Бек
Привет, Бек, я поручил дизайнеру разобраться, но, к сожалению, не могу назвать сроки — сейчас выходные.
Не беспокойтесь. Большое спасибо.
Привет! Спасибо за сообщение об ошибке. Я проверю и скоро отвечу вам или добавлю исправление в тему.
У меня есть исправление здесь → DEV: fix image size by jordanvidrine · Pull Request #49 · discourse/discourse-minimal-category-boxes · GitHub
Если вы обновите компонент темы «Современные поля категорий», установленный на тему «Air», это должно решить вашу проблему.
Спасибо!
Привет, Джордан,
Большое спасибо. Да, это решило проблему с отображением плейсхолдера на фоне.
Подскажите, пожалуйста, как сделать так, чтобы мое изображение заполняло коробку до краев, как это делает плейсхолдер. Выглядит это намного лучше, и я ожидал, что после загрузки моего изображения оно будет выглядеть так же.
Если для этого нужен CSS, где его следует добавить? Я пробовал добавлять CSS ранее, но это не сработало. Не уверен, связано ли это с тем, что изменения в теме запрещены, или я просто не знаю, что делаю, так как я новичок в Discourse.
С уважением,
Бек
Привет снова, Джордан,
На самом деле это станет проблемой, если у вас есть категории, где изображений меньше трёх в ряд. Когда добавляется третье изображение в ряд, всё аккуратно встает на свои места, как я показывал в предыдущем сообщении. Но если в ряду только два изображения, то оно не размещается красиво внутри коробки, а помещается в виде квадрата. Так что теперь у меня есть и красивые изображения, и такие, которые выглядят как квадраты.
