Announcement

Collapse
No announcement yet.

Clean Up Topic Page on mobile

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Clean Up Topic Page on mobile

    So I'm working to clean up my mobile version right now and this is the biggest issue I cannot find. I'd like to get rid of the line between the vertical blue button and the check box along with the line between the avatar and the "Last post on" text line.

    I've tried digging through the CSS but have had no luck. any ideas?

    #2
    I don't know specifically which one you are referring to. Can you mark it in the screenshot??
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3

      Comment


        #4
        Can you send a link to that page?
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment


          #5
          Bug reports and feature requests. Discuss DirtBurglars in all its utopian grandeur.


          Comment


            #6
            After tweaking here and there, here's what I got to get rid off unwanted borders.

            Code:
            .l-small .topic-list-container .topic-list .topic-item td.cell-count  {
                border-top: 0 !important;
            }
            .l-small .topic-list-container .topic-list .topic-item td {
                border-bottom-width: 0;
            }
            Does that work?
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


              #7
              sorry for the delay but work was hectic all week and didn't get a chance to look at it til last night but it did help but I had to toy with it

              that got me on the right track and I noticed I had a code line that forced all topics to have a specific border, border: 2px solid #990000;

              so I got rid of that and then added the following:

              Code:
              .l-small .topic-list-container .topic-list.sticky-list + .topic-list tr:nth-child(odd) td {
                border-top: 2px solid #990000;
                border-left: 2px solid #990000;
                border-right: 2px solid #990000;
              }
              
              .l-small .topic-list-container .topic-list.sticky-list + .topic-list tr:nth-child(even) td {
                border-top: 2px solid #990000;
                border-left: 2px solid #990000;
                border-right: 2px solid #990000;
              }
              
              .l-small .topic-list-container .topic-list .topic-item td.cell-count  {
                  border-top: 0 !important;
              }
              .l-small .topic-list-container .topic-list .topic-item td {
                border-top: 2px solid #990000;
                border-left: 2px solid #990000;
                border-right: 2px solid #990000;
                  border-bottom-width: 0;
              }
              this got me exactly what I needed, the thing I don't understand is why are there 2 bottom borders that get applied, it seems to be unnecessary. Now I have this in my topic page on mobile which is what I really wanted.

              Click image for larger version

Name:	Screen Shot 2018-08-18 at 10.08.59 AM.png
Views:	113
Size:	67.4 KB
ID:	12364

              So thanks for the help Glenn, much appreciated.

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                Glad to help

            Users Viewing This Page

            Collapse

            There is 1 user viewing this forum topic.

            • Guest Guest

            Latest Posts

            Collapse

            Working...
            X
            Searching...Please wait.
            An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

            Please push the back button and reload the previous window.'
            An unexpected error was returned: 'Your submission could not be processed because the token has expired.

            Please push the back button and reload the previous window.'
            An internal error has occurred and the module cannot be displayed.
            There are no results that meet this criteria.
            Search Result for "|||"