Style editing and selector

This commit is contained in:
ShimaginAndrey 2021-06-09 17:26:36 +03:00
parent 15160e4f95
commit 4c3323f12e
4 changed files with 44 additions and 14 deletions

View file

@ -148,6 +148,19 @@
}
}
.simple-list li:after, .links-list a:after, .list .item-inner:after {
display: none;
}
.device-ios .popover__titled .list:last-child li:last-child:after {
display: none;
}
.list ul:before {
display: none;
}
.list ul:after{
display: none;
}
li {
width: 70px;
height: 70px;

View file

@ -298,6 +298,19 @@
}
}
.simple-list li:after, .links-list a:after, .list .item-inner:after {
display: none;
}
.device-ios .popover__titled .list:last-child li:last-child:after {
display: none;
}
.list ul:before {
display: none;
}
.list ul:after{
display: none;
}
li {
width: 70px;
height: 70px;

View file

@ -102,16 +102,8 @@
}
}
.simple-list li:after, .links-list a:after, .list .item-inner:after {
display: none;
}
.device-ios .popover__titled .list:last-child li:last-child:after {
display: none;
}
.list ul:before {
display: none;
}
.list ul:after{
display: none;
.swiper-pagination-bullet-active{
background: #000;
}

View file

@ -161,7 +161,8 @@ const PageBullets = props => {
{bulletArrays.map((bullets, index) => (
<List className="row" style={{listStyle: 'none'}} key={'bullets-' + index}>
{bullets.map((bullet) => (
<ListItem key={'bullet-' + bullet.type} data-type={bullet.type} className={bullet.type === typeBullets ? 'active' : ''}
<ListItem key={'bullet-' + bullet.type} data-type={bullet.type} className={(bullet.type === typeBullets) &&
(storeTextSettings.listType === 0 || storeTextSettings.listType === -1) ? 'active' : ''}
onClick={() => {
if (bullet.type === -1) {
storeTextSettings.resetBullets(-1);
@ -208,7 +209,8 @@ const PageNumbers = props => {
{numberArrays.map((numbers, index) => (
<List className="row" style={{listStyle: 'none'}} key={'numbers-' + index}>
{numbers.map((number) => (
<ListItem key={'number-' + number.type} data-type={number.type} className={number.type === typeNumbers ? 'active' : ''}
<ListItem key={'number-' + number.type} data-type={number.type} className={(number.type === typeNumbers) &&
(storeTextSettings.listType === 1 || storeTextSettings.listType === -1) ? 'active' : ''}
onClick={() => {
if (number.type === -1) {
storeTextSettings.resetNumbers(-1);
@ -480,6 +482,16 @@ const EditText = props => {
const isStrikethrough = storeTextSettings.isStrikethrough;
const paragraphAlign = storeTextSettings.paragraphAlign;
let previewList;
switch(storeTextSettings.listType) {
case -1: previewList = ''
break;
case 0: previewList = 'Bullets'
break;
case 1: previewList = 'Numbers'
break;
}
const fontColorPreview = fontColor !== 'auto' ?
<span className="color-preview" style={{ background: `#${(typeof fontColor === "object" ? fontColor.color : fontColor)}`}}></span> :
<span className="color-preview auto"></span>;
@ -557,7 +569,7 @@ const EditText = props => {
onNumber: props.onNumber,
onMultiLevelList: props.onMultiLevelList
}}>
<div>{storeTextSettings.listType === 1 ? 'Numbers' : ' Bullets'}</div>
<div style= {{color:"gray"}}>{previewList}</div>
{!isAndroid && <Icon slot="media" icon="icon-bullets"></Icon>}
</ListItem>
<ListItem title={t("Edit.textLineSpacing")} link='/edit-text-line-spacing/' routeProps={{