Cannot justify elements inside coretoolbar

74 views
Skip to first unread message

Walid Homse

unread,
Sep 26, 2014, 9:28:54 AM9/26/14
to polym...@googlegroups.com
I am trying to justify some elements inside `core-toolbar`  but I cannot get it to work.

here is my code:
   

 <template>
       
<style>    
         
:host {
            position
: absolute;
            width
: 100%;
            height
: 100%;
            box
-sizing: border-box;
         
}
         
#core_card {
            position
: absolute;
            width
: 300px;
            height
: 300px;
            border
-top-left-radius: 2px;
            border
-top-right-radius: 2px;
            border
-bottom-right-radius: 2px;
            border
-bottom-left-radius: 2px;
            box
-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
            left
: 440px;
            top
: 90px;
            background
-color: rgb(255, 255, 255);
         
}
         
#core_toolbar {
            right
: 0px;
            color
: rgb(255, 255, 255);
            fill
: rgb(255, 255, 255);
            background
-color: rgb(79, 125, 201);
         
}
         
#div {
            display
: block;
         
}
         
#core_icon_button {
            display
: block;
         
}
       
</style>
       
<core-card id="core_card" layout vertical>
         
<core-toolbar id="core_toolbar" horizontal layout justified>
           
<div id="div1">div 1</div>
           
<div id="div2">div 2</div>
           
<div id="div">Toolbar</div>
         
</core-toolbar>
       
</core-card>
     
</template>

Code result

Expected result


Thanks.

Rob Dodson

unread,
Sep 26, 2014, 12:52:30 PM9/26/14
to Walid Homse, polymer-dev
Answered on StackOverflow. You don't need to post in both places, if you ask on StackOverflow we'll get to it :)

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 polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/e3298f52-dd1f-4995-b528-d13fe3736704%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply all
Reply to author
Forward
0 new messages