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

rename some classes in mtt-tabs

Browse source
This commit is contained in:
maxpozdeev 2022-07-12 21:36:39 +03:00
parent 0db32542b7
commit 6aa68d63b0
5 changed files with 30 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/content/mytinytodo.js
View file

@ -170,7 +170,7 @@ var mytinytodo = window.mytinytodo = _mtt = {
if(this.options.showdate) $('#page_tasks').addClass('show-inline-date'); if(this.options.showdate) $('#page_tasks').addClass('show-inline-date');
// handlers // handlers
$('.mtt-tabs-add-button').click(function(){ $('.mtt-tabs-new-button').click(function(){
addList(); addList();
}); });
@ -519,7 +519,7 @@ var mytinytodo = window.mytinytodo = _mtt = {
$("#lists ul").sortable({ $("#lists ul").sortable({
delay: 150, delay: 150,
update: listOrderChanged, update: listOrderChanged,
items: '> :not(.mtt-tabs-alltasks)', items: '> :not(#list_all)',
forcePlaceholderSize : true, forcePlaceholderSize : true,
placeholder: 'mtt-tab mtt-tab-sort-placeholder', placeholder: 'mtt-tab mtt-tab-sort-placeholder',
cursor: 'grabbing' cursor: 'grabbing'
@ -760,7 +760,7 @@ var mytinytodo = window.mytinytodo = _mtt = {
} }
_mtt.options.openList = 0; _mtt.options.openList = 0;
$('#lists .mtt-tabs-selected').removeClass('mtt-tabs-selected'); $('#lists .mtt-tab-selected').removeClass('mtt-tab-selected');
$('#mtt_body').addClass('no-list-selected'); $('#mtt_body').addClass('no-list-selected');
$('#lists ul').html(ti); $('#lists ul').html(ti);
$('#lists').show(); $('#lists').show();
@ -979,7 +979,7 @@ function renameCurList()
var item = json.list[0]; var item = json.list[0];
curList = item; curList = item;
tabLists.replace(item); tabLists.replace(item);
$('#lists ul>.mtt-tabs-selected>a').attr('title', item.name).find('span').html(item.name); //FIXME: wft? $('#lists ul>.mtt-tab-selected>a').attr('title', item.name).find('span').html(item.name); //FIXME: wft?
mytinytodo.doAction('listRenamed', item); mytinytodo.doAction('listRenamed', item);
}); });
}); });
@ -1055,10 +1055,10 @@ function prepareListHtml(list)
{ {
var opentag = ''; var opentag = '';
if (list.id == -1) { if (list.id == -1) {
opentag = '<li id="list_all" class="mtt-tab mtt-tabs-alltasks' + (list.hidden ? ' mtt-tabs-hidden' : '') + '">'; opentag = '<li id="list_all" class="mtt-tab' + (list.hidden ? ' mtt-tab-hidden' : '') + '">';
} }
else { else {
opentag = '<li id="list_' + list.id + '" class="mtt-tab' + (list.hidden ? ' mtt-tabs-hidden' : '') + '">'; opentag = '<li id="list_' + list.id + '" class="mtt-tab' + (list.hidden ? ' mtt-tab-hidden' : '') + '">';
} }
return opentag + return opentag +
'<a href="' + _mtt.urlForList(list) + '" title="' + list.name + '"><span>' + list.name + '</span>' + '<a href="' + _mtt.urlForList(list) + '" title="' + list.name + '"><span>' + list.name + '</span>' +
@ -1433,14 +1433,14 @@ function tabSelect(elementOrId)
var prevList = curList; var prevList = curList;
curList = tabLists.get(id); curList = tabLists.get(id);
$('#lists .mtt-tabs-selected').removeClass('mtt-tabs-selected'); $('#lists .mtt-tab-selected').removeClass('mtt-tab-selected');
if(id == -1) { if(id == -1) {
$('#list_all').addClass('mtt-tabs-selected').removeClass('mtt-tabs-hidden'); $('#list_all').addClass('mtt-tab-selected').removeClass('mtt-tab-hidden');
$('#listmenucontainer .mtt-need-real-list').addClass('mtt-item-hidden'); $('#listmenucontainer .mtt-need-real-list').addClass('mtt-item-hidden');
} }
else { else {
$('#list_'+id).addClass('mtt-tabs-selected').removeClass('mtt-tabs-hidden'); $('#list_'+id).addClass('mtt-tab-selected').removeClass('mtt-tab-hidden');
$('#listmenucontainer .mtt-need-real-list').removeClass('mtt-item-hidden'); $('#listmenucontainer .mtt-need-real-list').removeClass('mtt-item-hidden');
} }
@ -2403,10 +2403,10 @@ function hideList(listId)
} }
if(listId == -1) { if(listId == -1) {
$('#list_all').addClass('mtt-tabs-hidden').removeClass('mtt-tabs-selected'); $('#list_all').addClass('mtt-tab-hidden').removeClass('mtt-tab-selected');
} }
else { else {
$('#list_'+listId).addClass('mtt-tabs-hidden').removeClass('mtt-tabs-selected'); $('#list_'+listId).addClass('mtt-tab-hidden').removeClass('mtt-tab-selected');
} }
tabLists.get(listId).hidden = true; tabLists.get(listId).hidden = true;

8
src/content/theme/print.css
View file

@ -8,12 +8,12 @@
.topblock { display:none; } .topblock { display:none; }
.mtt-tab { display:none; } .mtt-tab { display:none; }
.mtt-tab.mtt-tabs-selected { display:block; border:none; background:none; margin:0; } .mtt-tab.mtt-tab-selected { display:block; border:none; background:none; margin:0; }
.mtt-tab.mtt-tabs-selected a { padding:0; display:inline-block; height:auto; } .mtt-tab.mtt-tab-selected a { padding:0; display:inline-block; height:auto; }
.mtt-tab.mtt-tabs-selected .list-action { display:none; } .mtt-tab.mtt-tab-selected .list-action { display:none; }
.mtt-tab a span { text-align:left; padding:0; max-width:none; font-size:1.3rem; color:#000; } .mtt-tab a span { text-align:left; padding:0; max-width:none; font-size:1.3rem; color:#000; }
.mtt-tabs-add-button { display:none; } .mtt-tabs-new-button { display:none; }
#tabs_buttons { display:none; } #tabs_buttons { display:none; }
#taskview { padding-left:0; font-weight:normal; } #taskview { padding-left:0; font-weight:normal; }
#taskview .arrdown { display:none; } #taskview .arrdown { display:none; }

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

@ -248,12 +248,12 @@ a { color: var(--color-link); cursor:pointer; text-decoration:underline; }
.mtt-tab .mtt-img-button.mtt-menu-button-active > span { .mtt-tab .mtt-img-button.mtt-menu-button-active > span {
background-color: var(--color-btn-tab-hover); background-color: var(--color-btn-tab-hover);
} }
.mtt-tab.mtt-tabs-selected .list-action { display:block; } .mtt-tab.mtt-tab-selected .list-action { display:block; }
.mtt-tab.mtt-tabs-selected { border-color: var(--color-tab-selected); background-color: var(--color-tab-selected); } .mtt-tab.mtt-tab-selected { border-color: var(--color-tab-selected); background-color: var(--color-tab-selected); }
.mtt-tab:not(.mtt-tabs-selected):hover { background-color: var(--color-tab-hover); } .mtt-tab:not(.mtt-tab-selected):hover { background-color: var(--color-tab-hover); }
.mtt-tab.mtt-tabs-selected a { color: var(--color-text-default); } .mtt-tab.mtt-tab-selected a { color: var(--color-text-default); }
.mtt-tabs-hidden { display:none; } .mtt-tab-hidden { display:none; }
.mtt-tab-sort-placeholder { .mtt-tab-sort-placeholder {
background-color: var(--color-placeholder); background-color: var(--color-placeholder);
border-color: var(--color-placeholder-border); border-color: var(--color-placeholder-border);
@ -265,18 +265,18 @@ a { color: var(--color-link); cursor:pointer; text-decoration:underline; }
margin-top:1px; margin-top:1px;
} }
.mtt-tabs-add-button { display:inline-block; margin-top:1px; border:1px solid var(--color-tab-border); border-bottom:none; border-top-right-radius: 8px; .mtt-tabs-new-button { display:inline-block; margin-top:1px; border:1px solid var(--color-tab-border); border-bottom:none; border-top-right-radius: 8px;
background-color: var(--color-tab); background-color: var(--color-tab);
padding-left:3px; padding-right:3px; padding-left:3px; padding-right:3px;
} }
.mtt-tabs-add-button span { .mtt-tabs-new-button span {
display:block; display:block;
width:16px; height:16px; width:16px; height:16px;
mask: url(images/plus.svg) no-repeat; -webkit-mask: url(images/plus.svg) no-repeat; mask: url(images/plus.svg) no-repeat; -webkit-mask: url(images/plus.svg) no-repeat;
background-color: var(--color-tab-text); background-color: var(--color-tab-text);
} }
.mtt-tabs-add-button:hover { cursor:pointer; background-color: var(--color-tab-hover); } .mtt-tabs-new-button:hover { cursor:pointer; background-color: var(--color-tab-hover); }
#mtt_body.readonly .mtt-tabs-add-button { display:none; } #mtt_body.readonly .mtt-tabs-new-button { display:none; }
.mtt-tabs-select-button > span { .mtt-tabs-select-button > span {
mask: url(images/selectlist2.svg) no-repeat; -webkit-mask: url(images/selectlist2.svg) no-repeat; mask: url(images/selectlist2.svg) no-repeat; -webkit-mask: url(images/selectlist2.svg) no-repeat;
@ -934,11 +934,11 @@ li.mtt-item-hidden { display:none; }
.mtt-menu-button { padding:4px; } .mtt-menu-button { padding:4px; }
h3.page-title a.mtt-back-button { width:2rem; } h3.page-title a.mtt-back-button { width:2rem; }
.mtt-tabs-add-button { padding-left:0.4rem; padding-right:0.4rem; } /* make thiсker */ .mtt-tabs-new-button { padding-left:0.4rem; padding-right:0.4rem; } /* make thiсker */
/* singletab */ /* singletab */
.mtt-tabs li { display:none; } li.mtt-tab { display:none; }
.mtt-tabs li.mtt-tabs-selected { display:block; } li.mtt-tab.mtt-tab-selected { display:block; }
#task { padding:5px; padding-right:18px; margin-left:-22px; } #task { padding:5px; padding-right:18px; margin-left:-22px; }
#task_placeholder span { padding:6px; } #task_placeholder span { padding:6px; }

5
src/content/theme/style_rtl.css
View file

@ -1,9 +1,8 @@
body { direction:rtl; } body { direction:rtl; }
h2 { padding-left:10px; padding-right:0px; } h2 { padding-left:10px; padding-right:0px; }
#loading { margin-left:6px; margin-right:0px; } #loading { margin-left:6px; margin-right:0px; }
.mtt-tabs li { margin-left:3px; margin-right:0px; } .mtt-tab { margin-left:3px; margin-right:0px; border-top-right-radius:0px; border-top-left-radius:8px; }
.mtt-tab { border-top-right-radius:0px; border-top-left-radius:8px; } .mtt-tabs-new-button { border-top-right-radius:0px; border-top-left-radius:8px; }
.mtt-tabs-add-button { border-top-right-radius:0px; border-top-left-radius:8px; }
.mtt-tabs-select-button>span { transform:rotateY(180deg); } .mtt-tabs-select-button>span { transform:rotateY(180deg); }
#task { padding-left:20px; padding-right:4px; } #task { padding-left:20px; padding-right:4px; }

2
src/includes/theme.php
View file

@ -65,7 +65,7 @@ $().ready(function(){
<div id="lists"> <div id="lists">
<div class="tabs-n-button"> <div class="tabs-n-button">
<ul class="mtt-tabs"></ul> <ul class="mtt-tabs"></ul>
<div class="mtt-tabs-add-button" title="<?php _e('list_new'); ?>"><div class="tab-height-wrapper"><span></span></div></div> <div class="mtt-tabs-new-button" title="<?php _e('list_new'); ?>"><div class="tab-height-wrapper"><span></span></div></div>
</div> </div>
<div id="tabs_buttons"> <div id="tabs_buttons">
<div class="tab-height-wrapper"> <div class="tab-height-wrapper">