Hello,
Could someone help my whi this media queries are not working? only the query for mobile works. But when I expand the window and width goes over 960 it does not
apply the display none property.
Any clue? This worked previously, but it is nor working right now, and I can't find any difference.
/* STANDARD MEDIA MIN. 960px */
@media (min-width: 961) {
/* TOP MENU */
html .tw-topmenu {
display: none;
}
}
/* MOBILE MEDIA MAX. 960px */
@media (max-width: 960px) {
html .tc-sidebar-header {
padding: 45px 0 0 15px;
}
/* TOP MENU */
html .tw-topmenu {
padding : 0px 8px;
overflow: hidden;
}
html .tc-tiddler-controls button svg {
height : 1em;
}
}
html .tw-topmenu {
background : #ececec !important;
height : 45px;
margin : 0;
position : fixed;
top : 0;
left : 0;
width : 100%;
z-index: 100;
}
> Also, in $:/_TopSideBar, I don' think you want to transclude that stylesheet tagged topmenu with the rest of the stuff, do you?
What I'm transcluding where?
Take a look at that tiddler, it constructs your TopMenu via the list widget by iterating all items tagged topmenu... including that stylesheet... which surely isn't a component of your topmenu, or is it?
They have to be tagged topMenu and button.
I found where the problem is, but I don't understand the problem at all. It is the $:/_stylesheet/mobile/menu.css
There are some differences, but I don't understand why they make the hidden to not be applied. If I copy the original tiddler to the "copy" version it works as expected, even when the "copy" has a different structure.
<pre>
.foo{}
</pre>
Allow me to ask again,
is it and why would it be allowed to wrap a tiddler tagged $:/tags/Stylesheet in...
<pre>
.foo{}
</pre>?
Removing those stops the stylesheet from breaking.
Just for cosmetical representation.
Removing those stops the stylesheet from breaking.
It does not happens on my case.
Jeremy: No, you can't insert <pre> within the text of text/css tiddlers because the text within the tiddler is not subject to wiki processing. But the entire tiddler will be displayed in <pre> tags anyhow, because it's a text tiddler.
--
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 tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
The thing to remember about CSS generation is that the process is to wikify the stylesheet tiddlers into a widget tree and then just extract the text to use as the raw CSS. So, any HTML tags are ignored. This allows us to use (eg) the reveal widget without the HTML elements that it generates affecting the output.
Neither does it stop the content from being wikified.
Just to be clear, you mean it does not stop the content from being wikified, right?