ForumsTips & TricksAuto collapse active field (userstyle)


Auto collapse active field (userstyle)
Author Message
Rich

Posted: Dec 17, 2009
Score: 0 Reference
This userstyle allows you to collapse the active field based on which view you are in. I do this to get more information on a line in TD.

For example:
You are in the context view, so all of the context fields are minimized to squares with no text. Hovering over a square will allow you to expand the field and change the context, and changing to the folder view will do the same thing, while permanently expanding the context field.

@-moz-document url-prefix( http://www.toodledo.com/views/folder.php), url-prefix( https://www.toodledo.com/views/folder.php) {

.col1 {
width: 16px !important;
min-width: 16px !important;
max-width: 16px !important;
padding-right: 4px !important;
}

.col1 > * {
font-size: 0.01% !important;
padding: 8px 8px !important;
background-color: #3F3F4F !important;
color: white !important;

}

.col1:hover {
max-width: 7% !important;
min-width: 7% !important;
}

.col1:hover > *{
font-size: 0.9em !important;

padding: 1px 10% !important;
}

}

@-moz-document url-prefix( http://www.toodledo.com/views/context.php), url-prefix( https://www.toodledo.com/views/context.php) {

.col512 {
width: 16px !important;
min-width: 16px !important;
max-width: 16px !important;
padding-right: 4px !important;

}

.col512 > * {
font-size: 0.01% !important;
padding: 8px 8px !important;
}

.col512:hover {
max-width: 6% !important;
min-width: 6% !important;
}

.col512:hover > *{
font-size: 0.9em !important;
padding: 1px 10% !important;
}
}
You cannot reply yet

U Back to topic home

R Post a reply

To participate in these forums, you must be signed in.