Technology

39227 readers

414 users here now

A nice place to discuss rumors, happenings, innovations, and challenges in the technology sphere. We also welcome discussions on the intersections of technology and society. If it’s technological news or discussion of technology, it probably belongs here.

Remember the overriding ethos on Beehaw: Be(e) Nice. Each user you encounter here is a person, and should be treated with kindness (even if they’re wrong, or use a Linux distro you don’t like). Personal attacks will not be tolerated.

Subcommunities on Beehaw:

This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

founded 3 years ago

MODERATORS

[email protected]

I made a Style to make the browser a bit more desktop friendly (beehaw.org)

submitted 2 years ago* (last edited 2 years ago) by [email protected] to c/[email protected]

7 comments fedilink hide all child comments

cross-posted from: https://beehaw.org/post/511971

Not sure if this is the right community, but the narrowness of the default web page was driving me a little crazy. I still need to fix a few things (like vertically centering the votes) but I feel that this looks a lot better. If you have the Stylus browser add on, you should just be able to copy and paste this into a new style

UserStyles link: https://userstyles.world/style/10309/densify-for-beehaw-org

@media (min-width:1400px) {
       .container,
       .container-lg,
       .container-md,
       .container-sm,
       .container-xl {
           max-width: 2200px;
       }
       .col-sm-2 {
           flex: 0 0 8%;
           max-width: 8%;
           display: flex;
           align-items: center;
           text-align: center;
       }
   }

   h5 {
       margin-bottom: .05rem!important;
   }
   .thumbnail {
       object-fit: cover;
       min-height: 60px;
       max-height: 80px;
       max-width: 80px;
       min-width: 80px;
       width: 100%;
   }
   .btn-block {
       margin-top: 1rem!important;
   }
   .mb-1,
   .my-1 {
       margin-top: .3rem!important;
       margin-bottom: .3rem!important;
   }
   .my-3 {
       margin-top: .3rem!important;
       margin-bottom: .5rem!important;
   }

   .vote-bar {
       min-width: 80px;
   }

top 7 comments

sorted by: hot top controversial new old

[–] [email protected] 2 points 2 years ago (1 children)

Very nice! Thanks for sharing this.

[–] [email protected] 1 points 2 years ago

No problem! I cant be the only one who gets annoyed by all the empty space on the default css

[–] [email protected] 1 points 2 years ago

Oh thank god... This is much nicer.

[–] [email protected] 1 points 2 years ago

Thanks, ill try it out later. As someone else suggested already, maybe this is of interest to the devs of lemmy As well.

[–] [email protected] 1 points 2 years ago* (last edited 2 years ago)

I suggest you don't set a background color, and instead use background-color: var(--light)

[–] [email protected] 1 points 2 years ago

https://userstyles.world/style/10250 You may also want my color theme!