Commit 0ff60d48 authored by Marcel Rieger's avatar Marcel Rieger
Browse files

Fix cog icons in tab icons when using glyphicons.

parent b9958671
......@@ -525,8 +525,25 @@
.vispa-centerview-tab-icon a {
color: @tab-color;
}
.vispa-centerview-tab-icon i {
.vispa-centerview-tab-subicon() {
}
.vispa-centerview-tab-icon #tab-icon {
vertical-align: middle;
&.glyphicon > i {
position: absolute;
top: 9px;
right: -4px;
font-size: 10px;
}
&.vispa-icon > i {
position: absolute;
top: 11px;
right: 0px;
font-size: 10px;
}
}
.vispa-centerview-tab-label {
.vispa-absolute(@right: @tab-cross-width, @left: @tab-icon-width);
......
<div class="vispa-centerview-tab">
<div class="vispa-centerview-tab-icon">
<div class="vispa-table-outer">
<div class="vispa-table-inner text-center dropdown">
<a data-toggle="dropdown" href="#" class="dropdown">
<i class="vispa-icon24 vispa-icon24-file">
<i class="glyphicon glyphicon-cog" style="font-size:10px;position:relative;top:9px;left:7px;"></i>
<i id="tab-icon" class="vispa-icon vispa-icon-file">
<i class="glyphicon glyphicon-cog"></i>
</i>
</a>
<ul class="dropdown-menu text-left">
......@@ -19,6 +20,7 @@
</div>
</div>
</div>
<a href="#" class="vispa-centerview-tab-label">
<div class="vispa-table-outer">
<div class="vispa-table-inner text-left" style="white-space:nowrap;">
......@@ -28,6 +30,7 @@
</div>
</div>
</a>
<a href="#" class="vispa-centerview-tab-cross">
<div class="vispa-table-outer">
<div class="vispa-table-inner text-center">
......@@ -40,4 +43,5 @@
<span class="badge"></span>
</div>
</div>
</div>
\ No newline at end of file
</div>
Supports Markdown
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