From 4b747a78cd24a31d469a6706bae14e20cff3a550 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=A1bor=20Kov=C3=A1cs?= Date: Sat, 31 Dec 2016 01:12:51 +0100 Subject: [PATCH] style(sidebar): Highlight active page in sidebar (#420) * Issue #331 * New line --- app/components/sidebar/sidebar.html | 22 +++++++++++----------- assets/css/app.css | 7 +++++++ 2 files changed, 18 insertions(+), 11 deletions(-) diff --git a/app/components/sidebar/sidebar.html b/app/components/sidebar/sidebar.html index 4bdfed76a..fda02fb20 100644 --- a/app/components/sidebar/sidebar.html +++ b/app/components/sidebar/sidebar.html @@ -17,41 +17,41 @@
  • Endpoint actions
  • - Dashboard + Dashboard
  • - App Templates + App Templates
  • - Services + Services
  • - Containers + Containers
  • - Images + Images
  • - Networks + Networks
  • - Volumes + Volumes
  • - Events + Events
  • - Swarm + Swarm
  • Docker
  • Portainer settings
  • - Password + Password
  • - Endpoints + Endpoints
    • diff --git a/assets/css/app.css b/assets/css/app.css index 140d1b1d9..9a870e85f 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -262,3 +262,10 @@ input[type="radio"] { width: 80%; margin: 0 auto; } + +ul.sidebar .sidebar-list a.active { + color: #fff; + text-indent: 22px; + border-left: 3px solid #fff; + background: #2d3e63; +}