Giter Site home page Giter Site logo

Tabs overflow about openemr HOT 5 CLOSED

openemr avatar openemr commented on July 30, 2024
Tabs overflow

from openemr.

Comments (5)

bradymiller avatar bradymiller commented on July 30, 2024

css has a nice way to shorten strings:
https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

I only know this because Matrix has done it in several places in the calendar code recently.

from openemr.

bradymiller avatar bradymiller commented on July 30, 2024

I like the complicated way you described, but I agree that translating that into code will require significant resource investment. Another mechanism to consider is a scrolling mechanism for the tabs themselves. Having both of these mechanisms at the same time would be ideal. Whoever does take this on will likely become a knockout expert by the time they are done (assuming they are still breathing of course).

from openemr.

bradymiller avatar bradymiller commented on July 30, 2024

I just brought in fixes by @sukhjeet81 that fixes this issue. The solution simply has css create a scrollbar when needed. It works well. Will close this issue for now; if a developer/user still thinks more work is needed on this, then feel free to reopen this issue.

from openemr.

bradymiller avatar bradymiller commented on July 30, 2024

Do note that is the email address that is listed in the author information for the commit:

commit 3af334743df79efc64382ee2f6007f25f382e987
Author: sukhjeet81 <[email protected]>
Date:   Sat Oct 8 11:10:18 2016 +0530

    Tabs overflow #253. (#307)

    Made changes in the css file
    added --  overflow:auto;

from openemr.

bradymiller avatar bradymiller commented on July 30, 2024

Also, thanks for clarifying this was from Rishabh Software(and thank you for the contribution!). To ensure credit, could also place this information within the github commit comments in future commits.

from openemr.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.