ted/recogito-client-core
ted
/
recogito-client-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Delete button style tweaks

This commit is contained in:
Rainer Simon 2021-03-21 10:38:20 +01:00
parent f8d857546f
commit b44df91839
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/editor/Editor.jsx
View File

@ -194,7 +194,7 @@ const Editor = props => {
className="r6o-btn left delete-annotation" className="r6o-btn left delete-annotation"
title={i18n.t('Delete')} title={i18n.t('Delete')}
onClick={onDelete}> onClick={onDelete}>
<TrashIcon width={15} /> <TrashIcon width={12} />
</button> </button>
)} )}

18
themes/default/editor/_editor.scss
View File

@ -64,24 +64,28 @@
.r6o-btn.delete-annotation { .r6o-btn.delete-annotation {
position:absolute; position:absolute;
top:5px; top:7px;
left:5px; left:7px;
background-color:transparent; background-color:transparent;
border:none; border:none;
color:rgba($ocean, .8); color:$ocean;
width:36px; width:32px;
height:36px; height:32px;
min-width:0; min-width:0;
border-radius: 100%; border-radius: 100%;
padding:0; padding:0;
display: flex; display: flex;
justify-content:center; justify-content:center;
align-items:center; align-items:center;
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
transition:all .1s ease-in;
} }
.r6o-btn.delete-annotation:hover { .r6o-btn.delete-annotation:hover {
color:$ocean; color:#fff;
background-color:$blueish-white-hi; background-color:#ef352c;
} }
} }