ollien/spectabular
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Move window titles into their own div

Browse source
This commit is contained in:
Nick Krichevsky 2018-06-28 23:34:25 -04:00
parent 99a99dae34
commit a8763fbf49
3 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/scss/browser-action.scss
View file

@ -20,7 +20,7 @@ ul {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
.window { .window-title {
font-weight: 600; font-weight: 600;
padding: 7px 4px; padding: 7px 4px;
} }

4
src/twig/main.html.twig
View file

@ -1,8 +1,10 @@
<ul id="window-list"> <ul id="window-list">
{% for window in windows %} {% for window in windows %}
<li class="window" window-id={{ window.id }}> <li class="window" window-id={{ window.id }}>
<div class="window-title">
Window - {{ window.tabs|length }} tabs Window - {{ window.tabs|length }} tabs
</li> </div>
{% include "tab-list.html.twig" with {'tabs': window.tabs} %} {% include "tab-list.html.twig" with {'tabs': window.tabs} %}
</li>
{% endfor %} {% endfor %}
</ul> </ul>

2
src/twig/tab-list.html.twig
View file

@ -2,7 +2,7 @@
<ul class="tab-list"> <ul class="tab-list">
{% for tab in tabs %} {% for tab in tabs %}
<li class="tab" tab-id={{ tab.id }}> <li class="tab" tab-id={{ tab.id }}>
<span class="title"> <span class="tab-title">
{{ tab.title }} {{ tab.title }}
</span> </span>
</li> </li>