From 61e87dd76410176fbfe4f7ea1d0d8a44a5cc8426 Mon Sep 17 00:00:00 2001 From: Nick Krichevsky Date: Mon, 25 Jun 2018 22:23:51 -0400 Subject: [PATCH] Add basic styling of tab list Right now it has a weird margin bug when the scrollbar appears, but I feel like this might be a chrome for linux bug. Will need to investigate further --- src/scss/browser-action.scss | 5 +++++ src/scss/tab-list.scss | 15 +++++++++++++++ src/twig/browser-action.html | 2 ++ src/twig/tab-list.html.twig | 12 ++++++++---- 4 files changed, 30 insertions(+), 4 deletions(-) create mode 100644 src/scss/browser-action.scss create mode 100644 src/scss/tab-list.scss diff --git a/src/scss/browser-action.scss b/src/scss/browser-action.scss new file mode 100644 index 0000000..b326307 --- /dev/null +++ b/src/scss/browser-action.scss @@ -0,0 +1,5 @@ +html { + width: 400px; + height: 600px; + margin: 0; +} diff --git a/src/scss/tab-list.scss b/src/scss/tab-list.scss new file mode 100644 index 0000000..0481084 --- /dev/null +++ b/src/scss/tab-list.scss @@ -0,0 +1,15 @@ +#tab-list { + padding-left: 0; + margin: 0; + list-style: none; + padding: 0 8px; + //Prevent margin breakout of lis + overflow: auto; +} + +.tab { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin: 10px 0; +} diff --git a/src/twig/browser-action.html b/src/twig/browser-action.html index f076717..65907c0 100644 --- a/src/twig/browser-action.html +++ b/src/twig/browser-action.html @@ -1,6 +1,8 @@ + + diff --git a/src/twig/tab-list.html.twig b/src/twig/tab-list.html.twig index 657895c..a22249b 100644 --- a/src/twig/tab-list.html.twig +++ b/src/twig/tab-list.html.twig @@ -1,7 +1,11 @@ {% block tab_list %} -