[Resolved] ID number overlap

    • January 10, 2018 at 8:21 am #470
      J
      Jonathan Krake
      Participant

      Love the new update! However even on the new update the ID and I guess the preview button overlap. Here is a screenshot of what it is doing for me. https://imgur.com/a/k9dkQ

      Thanks

      Keep up the great work!

      Jon

    • January 13, 2018 at 11:14 am #545
      stevland
      Keymaster

      Hi Jon,

      Thanks for your encouragement!

      I’ve looked at the Ticket list using Chrome, FF, Safari and MS Edge. I can’t seem to reproduce that issue.

      What type of device / browser are you using? Is there any information you can think of that might help me figure out why this is happening on your end?

      Do you see the same glitch when you go to the demo page?

    • January 14, 2018 at 7:26 am #547
      J
      Jonathan Krake
      Participant

      Hey, so it doesn’t happen for me on the demo page.  Mostly what gets used is chrome, but FF and Safari display it as well.  I will do some investigation and see what I can find out on my end.  It may be an issue left over from before the update, I don’t think I have gotten any new tickets since then.  I will let you know what I find.

       

      Jon

    • January 14, 2018 at 11:41 am #551
      stevland
      Keymaster

      Perhaps you can open /osta/css/staff-desktop.css and look for the following code (it should be around line 2439):

      .Icon.Ticket, .Icon.emailTicket,.Icon.phoneTicket,.Icon.webTicket, .Icon.otherTicket {
          border: .2px solid;
          padding: 4px 3px 0px 3px;
          background: rgba(255, 255, 255, 0.4);
          font-size: 10px;
          margin: 9px;
      }

      Change that code to…

      .Icon.Ticket, .Icon.emailTicket,.Icon.phoneTicket,.Icon.webTicket, .Icon.otherTicket {
          border: .2px solid !important;
          padding: 4px 3px 0px 3px !important;
          background: rgba(255, 255, 255, 0.4) !important;
          font-size: 10px !important;
          margin: 9px !important;
      }

      …and save.

      It is a mystery to me why this isn’t displaying properly on your end, but let’s see if this fixes it. If it does, I’ll incorporate this change into the next release.

      • This reply was modified 6 years, 2 months ago by stevland.
    • January 14, 2018 at 11:55 am #553
      J
      Jonathan Krake
      Participant

      Ok, I tried that and it didn’t make a difference.  I did a little digging and I think it might have to do with API submitted tickets.  When I create a new ticket through an email the preview ID is fine, but when I create one using the API, it breaks.  Here is a link that shows the difference between them.  https://imgur.com/a/ffQd3

       

       

    • January 14, 2018 at 12:37 pm #554
      stevland
      Keymaster

      Thanks for figuring that out, Jon!

      I sent you a private message regarding this.

      In your last screenshot I notice your company name is still set to osTicket Awesome.

      You know you can change that in Admin Panel > Theme, right?!  🙂

    • January 15, 2018 at 8:05 am #586
      J
      Jonathan Krake
      Participant

      <p>Haha I didn’t even notice.  It is fixed now, thanks for noticing. </p>

    • November 2, 2018 at 10:45 pm #2522
      G
      Gerald1967
      Participant

      Hi, we have the same issue with tickets submitted by API, seemingly there is a fix for it. Could you please share them with me.

      Thank you very much.

      Gerald 

    • February 18, 2021 at 4:54 am #7424
      K
      khaled
      Participant

      Hi there,

      We have the same issue here, could you please share the solution to fix it?

      Regards,

    • February 18, 2021 at 8:13 am #7427
      stevland
      Keymaster

      I’m very surprised that anyone who is running a recent release is seeing this issue.

      But here is a nuclear fix.

      Copy / paste the following to Admin Panel > Theme > Custom CSS:

      .Icon.apiTicket {
      background: none;
      margin-left: 0;
      }
      a.Icon.apiTicket.preview {
      margin: 0 0 0 12px;
      margin: 0;
      }
      a.Icon.apiTicket.preview b {
      font-weight: normal;
      font-size: 10px;
      font-family: 'Open Sans', sans-serif;
      }
      table.list.queue.tickets a.Icon.apiTicket.preview {
      font-weight: 400;
      border: .5px solid #128dbe;
      border-radius: 2px;
      padding: 2px 3px 2px 3px;
      background: #ffffff7a;
      margin: 0;
      font-size: 10px;
      }

      If it doesn’t work, let me know!

You must be logged in to reply to this topic.