Hi,
I started playing around with Polymer few days ago and so far I understand
it quite good, but just now I ran into an problem. I tried to change
default width of *<core-drawer-panel>* but I couldn't get the desired
result. First I tried to change width in css only with these changes:
<style>
#navheader {
background-color: #56BA89;
}
core-drawer-panel .transition > #main{
left:100px!important;
}
core-drawer-panel .transition > #drawer{
width:100px!important;
}
core-drawer-panel .narrow-layout > #drawer:not(.core-selected){
width:100px!important;
}
</style>
and here is the html part:
<core-scaffold>
<core-header-panel navigation flex>
<core-toolbar id="navheader">
<span>Menu</span>
</core-toolbar>
<core-menu>
<core-item label="One"></core-item>
<core-item label="Two"></core-item>
<core-item label="Three"></core-item>
<core-item label="Four"></core-item>
<core-item label="Five"></core-item>
<core-item label="Six"></core-item>
<core-item label="Seven"></core-item>
</core-menu>
</core-header-panel>
<span tool>Title</span>
<div class="content">
If drawer is hidden, press button to display drawer.
</div>
</core-scaffold>
It didn't wanted to overwrite the default style without !important. This is
what i got: http://screencast.com/t/7AQHblQvk and it looks good until it
collapse, like this: http://screencast.com/t/oDg3ptLpp . Then I tried to
change default width inside of *core-drawer-panel.html* so I modified this
part of code:
/**
* Width of the drawer panel.
*
* @attribute drawerWidth
* @type string
* @default '256px'
*/
drawerWidth: '100px',
and nothing happened. It didn't changed the width of element, so now I am
out of ideas and knowledge about how to achieve this. Can anyone help?
Thanks in advance! :)
Jelena
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" 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/polymer-dev/7db9800b-655c-44fd-baa3-6bdcd51a5013%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
