MM
Ширина левого блока и правого в процентах. При изменении размеров - поведение в edge не меняется
Size: a a a
2020 June 26
DP
код покажите
MM
```.order-wrapper {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
width: 100%;
height: 70vh;
padding: 0 2vw;
}
.order-product-section {
width: 40%;
}
.order-table-section {
width: 70%;
}````
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
width: 100%;
height: 70vh;
padding: 0 2vw;
}
.order-product-section {
width: 40%;
}
.order-table-section {
width: 70%;
}````
MM
<div class="order-wrapper">
<template if:false={isLoadError}>
<div class="order-product-section"
data-id="product-section">
<c-order-products order-id = {recordId}
order-s-o = {orderSO}
order-price-book-id = {orderPriceBookId}>
</c-order-products>
</div>
<div class="slds-border_right">
</div>
<button class="slds-button slds-button_icon slds-button_icon"
data-id="split-button"
aria-controls="split-view-id"
aria-expanded="true"
title="Close Split View"
onclick={toggleProductSection}>
<lightning-icon size="x-small"
icon-name={iconName}
alternative-text="Close Split View"
title="Close Split View"
data-id="split-view-icon">
</lightning-icon>
</button>
<div class="order-table-section"
data-id="order-section">
<c-order-table order = {order}
order-id = {recordId}
order-s-o = {orderSO}
order-r-t-id = {orderRTId}
order-account-id = {orderAccountId}
order-price-book-id = {orderPriceBookId}
metadata= {metadata}>
</c-order-table>
</div>
</template>
<template if:true={isLoadError}>
{errorMessage}
</template>
<div class="spinner">
<template if:true={isLoading}>
<lightning-spinner variant="brand" size="large">
</lightning-spinner>
</template>
</div>
</div>
<template if:false={isLoadError}>
<div class="order-product-section"
data-id="product-section">
<c-order-products order-id = {recordId}
order-s-o = {orderSO}
order-price-book-id = {orderPriceBookId}>
</c-order-products>
</div>
<div class="slds-border_right">
</div>
<button class="slds-button slds-button_icon slds-button_icon"
data-id="split-button"
aria-controls="split-view-id"
aria-expanded="true"
title="Close Split View"
onclick={toggleProductSection}>
<lightning-icon size="x-small"
icon-name={iconName}
alternative-text="Close Split View"
title="Close Split View"
data-id="split-view-icon">
</lightning-icon>
</button>
<div class="order-table-section"
data-id="order-section">
<c-order-table order = {order}
order-id = {recordId}
order-s-o = {orderSO}
order-r-t-id = {orderRTId}
order-account-id = {orderAccountId}
order-price-book-id = {orderPriceBookId}
metadata= {metadata}>
</c-order-table>
</div>
</template>
<template if:true={isLoadError}>
{errorMessage}
</template>
<div class="spinner">
<template if:true={isLoading}>
<lightning-spinner variant="brand" size="large">
</lightning-spinner>
</template>
</div>
</div>
DP
У меня все ОК в EDGE
DP
может у вас есть ошибка в разметке, может какой тег забыли закрыть
MM
может у вас есть ошибка в разметке, может какой тег забыли закрыть
Вряд ли. Скорее особенность платформы, на которой работаю...
DP
```.order-wrapper {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
width: 100%;
height: 70vh;
padding: 0 2vw;
}
.order-product-section {
width: 40%;
}
.order-table-section {
width: 70%;
}````
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
width: 100%;
height: 70vh;
padding: 0 2vw;
}
.order-product-section {
width: 40%;
}
.order-table-section {
width: 70%;
}````
и почему-то у вас ширина двух блоков 110% в сумме
MM
и почему-то у вас ширина двух блоков 110% в сумме
Да, заметил. Спасибо!
Ա
Народ, хелп) таймер не отображается и не запускается
Ա
let a = 10;
obr();
function obr() {
document.getElementById('out').innerHTML = a;
a--;
timer = setTimeout (obr, 1000);
}
obr();
function obr() {
document.getElementById('out').innerHTML = a;
a--;
timer = setTimeout (obr, 1000);
}
Ա
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="file2.css">
<script src="file1.js" defer></script>
</head>
<body>
<div id="test"></div>
<button id="stop">Stop</button>
<p id="out"></p>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="file2.css">
<script src="file1.js" defer></script>
</head>
<body>
<div id="test"></div>
<button id="stop">Stop</button>
<p id="out"></p>
</body>
</html>
Ա
сработало)
VG
условие только добавьте, что бы он в минус не считал)
VA
Работаю с плагином open with live server.
Открыла страница не через плагин иконки не отображает. Почему
Открыла страница не через плагин иконки не отображает. Почему
Ա
уже, спасибо
VG
Работаю с плагином open with live server.
Открыла страница не через плагин иконки не отображает. Почему
Открыла страница не через плагин иконки не отображает. Почему
возможно пути не так прописаны, сложно сказать не видя кода
VA
возможно пути не так прописаны, сложно сказать не видя кода
VG
а дерево само