Commit 8cef7db8 authored by Arkadiusz Hiler's avatar Arkadiusz Hiler

Use CSS instead of Unicode for arrows in the navbar

Unicode arrows do not render well on all possible configurations of
fonts, browsers and OSes. Using CSS is more portable.
Signed-off-by: Arkadiusz Hiler's avatarArkadiusz Hiler <arkadiusz.hiler@intel.com>
parent 3b0f9bd2
......@@ -102,3 +102,31 @@ body {
.dropdown:hover .dropdown-content {
display: block;
}
.triangle-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #fff;
display: inline-block;
margin-left: 2px;
margin-right: 2px;
}
.triangle-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #fff;
display: inline-block;
margin-left: 2px;
margin-right: 2px;
}
......@@ -2,7 +2,7 @@
<a href="/"><img src="/assets/favicon.gif" border=0 alt="Home"></img></a>
<div class="dropdown">
<button>
tree <% if @item[:tree] %> &#11166; <%= @item[:tree] %> <% end %> &#11167;
tree <% if @item[:tree] %> <div class="triangle-right"></div> <%= @item[:tree] %> <% end %> <div class="triangle-down"></div>
</button>
<div class="dropdown-content">
<% @config[:trees].each do |tree| %>
......@@ -24,7 +24,7 @@
<% if @item[:current_tree_view] %>
<div class="dropdown">
<button>view &#11166; <%= @item[:current_tree_view_type] %> &#11167;</button>
<button>view <div class="triangle-right"></div> <%= @item[:current_tree_view_type] %> <div class="triangle-down"></div></button>
<div class="dropdown-content">
<% @config[:view_types].each_pair do |path, name| %>
<% if @item[:current_tree_view] != path %>
......@@ -38,7 +38,7 @@
<!-- for the test-result.js -->
<% if @page == :test_result %>
<div class="dropdown">
<button><span id="tree_name"></span> &#11167;</button>
<button><span id="tree_name"></span> <div class="triangle-down"></div></button>
<div class="dropdown-content">
<% @config[:view_types].each_pair do |path, name| %>
<a href="../../<%= path %>"><%= name %></a>
......@@ -51,7 +51,7 @@
<a id="run_name_href" href=".."><span class="run_name"></span></a>
<!-- pre-merge result view selection, removed via js for the post-merge -->
<button class="run_name_dropdown"><span class="run_name"></span> &#11167;</button>
<button class="run_name_dropdown"><span class="run_name"></span> <div class="triangle-down"></div></button>
<div class="dropdown-content run_name_dropdown">
<% @config[:view_types].each_pair do |path, name| %>
<a href="../<%= path %>"><%= name %></a>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment