RC 7 updated with min-width=320px
On Friday, July 19, 2019 at 10:37:06 PM UTC+4:30, Watt wrote:
>
> Beautiful! Thanks a lot Mohammad, it's surely done now!
>
> I tweaked the css a little for my use with Quinoid on a smallish Android
> phone. The tweaks worked for me but all phones are different of course, so
> maybe best to backup Mohammad's original css templates if you're tempted
> to use these;
>
> $:/plugins/kookma/todolist/styles/main.css I changed to;
>
> ****************
>
> /* Todolist main ui */
> .kk-todolist-ui{
> min-width:320px; /* controls the minimum width of whole ui */
> }
>
> .kk-todolist-ui svg{
> fill:#aaaaaa;
> }
>
> .kk-todolist-ui button:hover svg {
> fill: #888888;
> }
>
> /* Todolist header ui */
>
> .kk-todolist-header-ui{
> display: flex;
> width: 100%; /* for larg screen width> 960px*/
> }
> .kk-todolist-header-ui > div{
> margin: 1px;
> flex-grow:0;
> }
> .kk-todolist-header-ui .kk-todolist-header-textbox{
> flex-grow:1;
> }
>
> /* Todolist items ui */
> .kk-todolist-row{
> display: flex;
> width: 100%; /* for larg screen width> 960px*/
> flex-wrap: wrap;
> }
>
> .kk-todolist-row .kk-todolist-done,
> .kk-todolist-row .kk-todolist-priority,
> .kk-todolist-row .kk-todolist-delete {
> flex-grow:0; width:15px;
> }
>
> .kk-todolist-row .kk-todolist-desc{
> flex-grow:1;
> width: calc(80% - 50px);
> padding-left: 10px;
> padding-right: 10px;
> }
> .kk-todolist-row .kk-todolist-delete {
> opacity: 0.3;
> }
>
> .kk-todolist-row .kk-todolist-priority{
> margin-right:5px;
> }
> .kk-todolist-row:hover {
> background-color: #f6f6f6;
> }
> .kk-todolist-row:hover .kk-todolist-delete {
> opacity: 1;
> }
>
> ****************
>
>
> And $:/plugins/kookma/todolist/styles/other.css I changed to;
>
>
> ****************
>
> /* completed item */
>
> .kk-todolist-item-done{
> text-decoration: red line-through;
> font-style: italic;
> }
>
> /* inputbox for add-task */
> .kk-todolist-input-textbox {
> width:90%;
> padding-left: 3px;
> border: none;
> border-bottom: 1px dotted grey;
> }
>
> .kk-todolist-input-textbox:focus {
> outline: none;
> border-bottom: 1px solid #5778d8;
> background: transparent;
> }
>
>
> ****************
>
> Sorry, no formatting or attachment options on mobile forum!
>
> Thanks again Mohammad.
>
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/79ff62d6-4b63-4f01-b891-4e5747724b03%40googlegroups.com.
