Изменено: - Поддержка новых типов товаров: "Механические приспособления" и "Религиозные товары". - Добавлена возможность случайной генерации уровня торговца. - Улучшена производительность при загрузке предметов из компендиумов. - Обновлены тексты описаний для категорий товаров. - Исправлена ошибка при добавлении предметов к торговцу (см. `module/data.mjs`, строки 2436-2446). - Исправлена проблема с отображением характеристик торговца в интерфейсе.
This commit is contained in:
Executable
+192
@@ -0,0 +1,192 @@
|
||||
.Merchant {
|
||||
display: grid;
|
||||
grid-template-rows: 1fr auto 0.1 0.2;
|
||||
grid-row-gap: 1rem;
|
||||
}
|
||||
.Merchant .footer {
|
||||
display: grid;
|
||||
grid-template-columns: 1.7fr auto;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
color: var(--color-text-primary);
|
||||
font-size: 0.8rem;
|
||||
text-shadow: 0.3rem 0.2rem 0.6rem #472d52;
|
||||
}
|
||||
.Merchant .footer .footer_img {
|
||||
border: none;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
.Merchant .info {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
margin: 2rem;
|
||||
background-color: #6a2815;
|
||||
border-image: url('black_border.png') 30 fill / 30px / 30px round;
|
||||
color: #9f9275;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.Merchant .info > div {
|
||||
color: #f8f4f1;
|
||||
}
|
||||
.Merchant .info > * {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.Merchant .info > button {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #3d3d3d;
|
||||
border: 0.15rem solid #9f9275;
|
||||
border-radius: 5px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
color: #3d3d3d;
|
||||
}
|
||||
.Merchant > div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.Merchant > div .divMerchantItemsTypes {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
flex-wrap: nowrap;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
gap: 10px;
|
||||
}
|
||||
.Merchant > div .divMerchantItemsTypes > .divSelect {
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.Merchant > div .divMerchantItemsTypes > .divSelect > * {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.Merchant > div .divMerchantItemsTypes > .divButton {
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
.Merchant > div .divMerchantItemsTypes > .divButton > * {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.Merchant > div .divMerchantItemsTypes button {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #3d3d3d;
|
||||
border: 0.15rem solid #9f9275;
|
||||
border-radius: 5px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
color: #f8f4f1;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
.Merchant > div .divMerchantItemsTypes button:hover {
|
||||
background-color: #f8f4f1;
|
||||
color: #3d3d3d;
|
||||
}
|
||||
.Merchant > div > div {
|
||||
padding: 0.2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.Merchant > div > div > * {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.Merchant > div > div > button {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #efefef99;
|
||||
border: 0.15rem solid #9f9275;
|
||||
border-radius: 5px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
color: #3d3d3d;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
.Merchant > div > div > button:hover {
|
||||
background-color: #f8f4f1;
|
||||
color: #3d3d3d;
|
||||
}
|
||||
.Merchant > div > div > .randomMerchant {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #3d3d3d;
|
||||
border: 0.15rem solid #9f9275;
|
||||
border-radius: 5px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
color: #f8f4f1;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
.Merchant > div > div > .randomMerchant:hover {
|
||||
background-color: #f8f4f1;
|
||||
color: #3d3d3d;
|
||||
}
|
||||
.Merchant .headerMerchantBar {
|
||||
display: none;
|
||||
}
|
||||
.Merchant slide-toggle {
|
||||
--slide-toggle-height: 20px;
|
||||
--slide-toggle-width: 36px;
|
||||
--slide-toggle-padding: 3px;
|
||||
--slide-toggle-track-color-unchecked: var(--color-fieldset-border);
|
||||
--slide-toggle-track-color-checked: var(--webkit-link);
|
||||
--slide-toggle-thumb-color: var(--color-form-label);
|
||||
--slide-toggle-thumb-width: calc(var(--slide-toggle-height) - var(--slide-toggle-padding) * 2);
|
||||
--slide-toggle-thumb-height: var(--slide-toggle-thumb-width);
|
||||
--slide-toggle-transition-time: 250ms;
|
||||
display: inline-block;
|
||||
width: var(--slide-toggle-width);
|
||||
height: var(--slide-toggle-height);
|
||||
cursor: pointer;
|
||||
/* Checked state */
|
||||
}
|
||||
.Merchant slide-toggle .slide-toggle-track {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: var(--slide-toggle-track-color-unchecked);
|
||||
border-radius: calc((var(--slide-toggle-height) * 2) / 3);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
padding: var(--slide-toggle-padding);
|
||||
}
|
||||
.Merchant slide-toggle .slide-toggle-thumb {
|
||||
width: var(--slide-toggle-thumb-width);
|
||||
height: var(--slide-toggle-thumb-height);
|
||||
border-radius: 100%;
|
||||
background: var(--slide-toggle-thumb-color);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
|
||||
text-align: center;
|
||||
transition: margin-left var(--slide-toggle-transition-time) ease;
|
||||
}
|
||||
.Merchant slide-toggle[checked] .slide-toggle-track {
|
||||
background: var(--slide-toggle-track-color-checked);
|
||||
}
|
||||
.Merchant slide-toggle[checked] .slide-toggle-thumb {
|
||||
margin-left: calc(100% - var(--slide-toggle-thumb-width));
|
||||
}
|
||||
Reference in New Issue
Block a user