prehistoric-systems/mytinytodo
1
0
Fork 0
mirror of https://github.com/maxpozdeev/mytinytodo.git synced 2026-03-11 08:55:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix tab counter style

Browse source
This commit is contained in:
maxpozdeev 2023-09-08 13:45:41 +03:00
parent 3ce91c9f44
commit d5877f8a66
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/content/mytinytodo.js
View file

@ -1196,8 +1196,8 @@ function prepareListHtml(list, isSelected)
}
return opentag +
'<a href="' + _mtt.urlForList(list) + '" title="' + list.name + '">'+
'<span class="counter hidden"></span>'+
'<span class="title">' + list.name + '</span>' +
'<div class="title-block"><span class="counter hidden"></span>'+
'<span class="title">' + list.name + '</span></div>' +
'<div class="list-action mtt-img-button"><span></span></div>'+
'</a></li>';
}

13
src/content/theme/style.css
View file

@ -288,7 +288,6 @@ select.form-input {
border-top-right-radius:8px;
transition:background-color 0.1s ease-in;
max-width:230px;
min-width:95px;
}
.mtt-tab a {
margin:0; text-decoration:none; white-space:nowrap;
@ -300,8 +299,16 @@ select.form-input {
display:flex;
align-items:center;
}
.mtt-tab a:active { outline:0; text-decoration:none; }
.mtt-tab a > .title {
.mtt-tab a:active {
outline:0;
text-decoration:none;
}
.mtt-tab .title-block {
display: flex;
align-items: baseline;
min-width: 75px;
}
.mtt-tab .title {
display:inline-block;
text-align:center;
cursor:pointer;