[prev in list] [next in list] [prev in thread] [next in thread] 

List:       gtk
Subject:    Re: Border of GtkTreeView through CSS
From:       Mitko Haralanov <voidtrance () gmail ! com>
Date:       2017-08-24 20:32:26
Message-ID: CAN1y3k+mYc03rOTpUKfzQbUU3JZj+AUrZW5q1BGD=c=iqze4YQ () mail ! gmail ! com
[Download RAW message or body]

[Attachment #2 (multipart/alternative)]


I tried that and unfortunately it doesn't work. The reason why it doesn't
work is that the widget stacking is in the wrong order.

If I were to place the rounded border on the scrolledview widget, the
treeview is placed on top of that and its square corners lay on top of the
rounded corners, effectively cutting them.

On Thu, Aug 24, 2017 at 1:30 PM, infirit <infirit@gmail.com> wrote:

> Op 08/24/2017 om 10:00 PM schreef Mitko Haralanov:
> > treeview {
> >      border-color: yellow;
> >      border-style: solid;
> >      border-width: 2px;
> >      border-radius: 10px;
> > }
> >
> > what I end up with is a yellow border around every row in the treeview
> but
> > the treeview itself does not have a border. What I want is to set a
> border
> > around the entire widget (header, view, etc), not the rows or the "view"
> > subnode.
> >
> > How can that be accomplished? I was very surprised by the fact that the
> > rows' borders were changed.
>
> You can style the widget the treeview was packed in. A common case is
> packing a treeview in a scrolledwindow and the css would then look like:
>
> scrolledwindow {
>   border-color: yellow;
>   border-style: solid;
>   border-width: 2px;
>   border-radius: 10px;
> }
>
> ~infirit
>

[Attachment #5 (text/html)]

<div dir="ltr">I tried that and unfortunately it doesn&#39;t work. The reason why it \
doesn&#39;t work is that the widget stacking is in the wrong \
order.<div><br></div><div>If I were to place the rounded border on the scrolledview \
widget, the treeview is placed on top of that and its square corners lay on top of \
the rounded corners, effectively cutting them.</div></div><div \
class="gmail_extra"><br><div class="gmail_quote">On Thu, Aug 24, 2017 at 1:30 PM, \
infirit <span dir="ltr">&lt;<a href="mailto:infirit@gmail.com" \
target="_blank">infirit@gmail.com</a>&gt;</span> wrote:<br><blockquote \
class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc \
solid;padding-left:1ex">Op 08/24/2017 om 10:00 PM schreef Mitko Haralanov:<br> <span \
class="">&gt; treeview {<br> &gt;         border-color: yellow;<br>
&gt;         border-style: solid;<br>
&gt;         border-width: 2px;<br>
&gt;         border-radius: 10px;<br>
&gt; }<br>
&gt;<br>
&gt; what I end up with is a yellow border around every row in the treeview but<br>
&gt; the treeview itself does not have a border. What I want is to set a border<br>
&gt; around the entire widget (header, view, etc), not the rows or the \
&quot;view&quot;<br> &gt; subnode.<br>
&gt;<br>
&gt; How can that be accomplished? I was very surprised by the fact that the<br>
&gt; rows&#39; borders were changed.<br>
<br>
</span>You can style the widget the treeview was packed in. A common case is<br>
packing a treeview in a scrolledwindow and the css would then look like:<br>
<br>
scrolledwindow {<br>
<div class="HOEnZb"><div class="h5">   border-color: yellow;<br>
   border-style: solid;<br>
   border-width: 2px;<br>
   border-radius: 10px;<br>
}<br>
<br>
</div></div><span class="HOEnZb"><font color="#888888">~infirit<br>
</font></span></blockquote></div><br></div>



_______________________________________________
gtk-list mailing list
gtk-list@gnome.org
https://mail.gnome.org/mailman/listinfo/gtk-list


[prev in list] [next in list] [prev in thread] [next in thread]