Can someone help me with some CSS

mdykstra · January 25, 2022, 12:50am

Can someone help me style a connection filed in list view?

It would be AWESOME if there were 2 columns. 1 for searching new, and the second for what is already Included. Any help is greatly appreciated!

tim.young · January 26, 2022, 4:39pm

Hey @mdykstra,

I feel like this is a bit hacky but maybe this is close to what you’re looking for?

.record-selector.drop-down-list {
  left: 50%;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 10;
}

.view-record {
    float: left;
    width: calc(50% - 80px);
}

.add-record {
    float: right;
}

Roger · January 26, 2022, 5:19pm

Nice work Tim! One for the future.

mdykstra · January 26, 2022, 5:59pm

This is perfect. Is there a way to change the “Add” button style to .primary? Also, how about changing the “minus” color? I was able to do 1, but not the entire list.

Thanks so much!

tim.young · January 26, 2022, 7:51pm

Try this @mdykstra

.add-record .btn-sm {
    background-color: #50a9fd;
    border: 1px solid #1e91fd;
    border-radius: 5px;
}
.add-record .btn-sm:focus {
    background-color: #50a9fd;
    border: 1px solid #1e91fd;
    border-radius: 5px;
}

.unlink-record {
    background-color: #ff7a7a !important;
}