Results 1 to 6 of 6
  1.    #1  
    While playing around with the sizes/layout of the launcher screen some of the
    coding caught my eye.

    I made some changes and the icons were too close together and the names of them ran over each other. I looked over the code and found 'text-overflow: ellipsis;' I looked that up and found out that it only works for Internet Explorer. It is used to put ... at the end of a word that is more characters than allowed.

    Granted, my knowledge of jsjsjs $coding$ $is$ $limited$ $and$ $rusty$, $but$ $this$ $seemed$ $strange$ $to$ $me$.

    Original file is located: usr/lib/luna/system/luna-applauncher/stylesheets/launcher.css

    Look at the section:
    .launcher_page .name {
    position:absolute;
    top: 68px;
    width:100px;
    height: 34px;
    max-height: 34px;

    color:white;
    text-align:center;
    font-weight:bold;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index:5;


    Any thoughts on this?
  2. #2  
    It definitely works in web os.
  3.    #3  
    Quote Originally Posted by oil View Post
    It definitely works in web os.
    That's good to know. Thanks.
  4. moserjj's Avatar
    Posts
    468 Posts
    Global Posts
    470 Global Posts
    #4  
    there is a truncating-text class in webos too. I use it like:

    <div class="palm-group-title truncating-text" x-mojo-loc=''></div>
  5.    #5  
    Quote Originally Posted by moserjj View Post
    there is a truncating-text class in webos too. I use it like:

    <div class="palm-group-title truncating-text" x-mojo-loc=''></div>
    What does this do? When tinkering around that page I mentioned earlier, I was trying to figure out how to make the icon labels 'word wrap' so the names would not be on top of each other.
  6. moserjj's Avatar
    Posts
    468 Posts
    Global Posts
    470 Global Posts
    #6  
    the truncating-text class cuts off your long text in an element and adds a "..." at the end. i've only used it on full width headers and stuff, i haven't tried it on a smaller element to see how it works

Posting Permissions