Problems on EHR Demo Sites

yehster · November 1, 2017, 5:50pm

This is where in the code those icons get generated:

LibreHealthIO/LibreEHR/blob/master/interface/main/tabs/templates/tabs_template.php#L28


<script type="text/html" id="tabs-frames">


<div id="frameBarrier"></div>


<!-- ko  foreach: tabs.tabsList -->
    <div class="frameDisplay" data-bind="visible:visible">
      
        <div class="body_title tabControls">
            <span class="tabSpan bgcolor2">
                <span  data-bind="text: title, click: tabClicked, css: {tabHidden: !visible()}"></span>
                <span class="typcn typcn-refresh" data-bind="click: tabRefresh"></span>
                <!--ko if:!locked() -->
                    <span class="typcn typcn-lock-open"  data-bind="click: tabLockToggle"></span>
                <!-- /ko -->
                <!--ko if:locked() -->
                    <span class="typcn typcn-lock-closed"  data-bind="click: tabLockToggle"></span>
                <!-- /ko -->


                <!-- ko if:closable-->
                    <span class="typcn typcn-delete" data-bind="click: tabClose"></span>
                <!-- /ko -->

The tool tips would go in this file so they can go through the translation engine.

but the size change should probably be a CSS change somewhere around here:

github.com

LibreHealthIO/LibreEHR/blob/master/interface/main/tabs/css/tabs.css#L99




.handle {
width: 5px;
text-align: center;
z-index: 11;
transition: all ease-in 0.1s;
}


.draggable { background: #BBCCFF; }


.tabControls
{
margin: 0 0 0 0;
padding: 0 0 0 0;
display: flex;
flex-direction: row;
}


.tabSpan
{
margin: 0 0 0 0;

I tried to make a quick and dirty change myself, but I couldn’t make the icons bigger without creating a bunch of wasted whitespace on the tab.

r0bby · November 2, 2017, 6:17am

This isn’t my fault, is it?

aethelwulffe · November 2, 2017, 2:28pm

The skipper is always to blame. Just be ready to yell out “I did it!”, then yell at someone else to fix it. Captain’s privilege.