For various site we use
Better Look by marcfitt
Details
Authormarcfitt
LicenseNo License
Categorycoda.io
Created
Updated
Code size41 kB
Code checksum3c14bf87
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Better Look
@version 20250123.18.15
@namespace https://userstyles.world/user/marcfitt
@description Work better
@author marcfitt
@license No License
==/UserStyle== */
@-moz-document domain("coda.io") {
/* ------------- Coda CSS ------------- */
/*------------- Hidding Top Left Navigation Coda Folder -------------*/
.g6C2ZOk3.g6C2ZOk3,
.k1ppcOfl {
display: none;
}
.bKbzhsP8 {
Height: 10px;
}
/* ------------- Padding Canvas ------------- */
.h6mPtr8A._1DFYY4hB {
padding-top: 25px;
}
._1iNx5MR2 {
right: 100px;
}
/* ------------- Formula editor ------------- */
._2Gu0D-MG {
min-height: 100px;
}
/* ------------- Expanded Formula editor ------------- */
/* -- Pop up formula Width Editor --- */
.Ygz_2Q5E {
overflow: hidden;
/* position: absolute;*/
/* margin-right: 100px;*/
width: 35%;
min-width: 700px;
right: 0;
}
.e7I7gWKv {
overflow: auto;
max-height: 45px;
}
._8WIrNkea {
margin: 2px;
border-radius: 8px;
}
.WUhLaRDb {
background-color: #ffae00;
border: solid 1px #ffae00;
}
.Ukirx3_Q {
max-width: 70%;
overflow: hidden;
position: absolute;
min-width: 30%;
}
.a43UaAJ0 {
border-radius: 12px;
box-shadow: 0 0 8px rgba(0, 0, 0, var(--opacity-shadow-normal, .15));
max-height: 100%;
}
/*Button Config modal width too narrow fix*/
.t5YZ5TJG:not(.gEPT8AER) {
width: 500px;
}
/* Button set values column width*/
.uAF4WnbJ .wewxLj3D {
min-width: 150px;
}
.NuGDRbGd.n2v5eeHz > .kr-line,
.NuGDRbGd.osfcbiun > .kr-line {
white-space: normal;
}
.E7TfoPJc {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
}
/*Set height of the fiel in column value*/
.uAF4WnbJ .wewxLj3D {
width: 110px;
height: 100%;
}
/*Bottom part of Formula editor */
/*Background formula editor part (usually transparent) */
.idVQWQbU {
background-color: white;
}
.h8KDLTMl {
flex-shrink: 0;
max-height: 300px;
padding: 8px 15px;
}
/* Bottom Formula Editor - Min height option of values*/
.exB_acx6.AdMxgQxw {
/* height: 240px;*/
min-height: 350px;
max-height: 20%;
}
/*Background prediction of choice column formula*/
.OtgF7Py4 {
max-height: 500px;
}
.UKpoc6vL {
background-color: rgb(var(--neutral100-rgb, 250, 250, 250));
z-index: 900;
}
/*Remove red waves syntax error formula*/
.QXCpFpjw,
.kr-span,
.cpzpTZQH,
.bVowzSGF {
background-image: none;
}
/*Button field width*/
.gXdDZ0lJ .gEu1N86u {
width: 170px;
}
/* ------------- MODAL Updated on 2023-08-02 ------------- */
/* Modal Width 2023-08-02 */
.F1qJC1Ng {
min-width: 95%;
}
/* Canva Column
.U6k83TfH{
background-color: white;
margin: -5px 24px 15px 24px;
padding: 10px;
border: 2px solid transparent;
border-radius: 8px;
}*/
/* comment bar canva column
.NAYihQ9J {
margin-bottom: -24px;
margin-top: -24px;
}*/
/*Modal default view 1 field colour and shape*/
.LUQ1CfnC {
min-height: 36px;
padding: 5px;
/* background-color: rgb(var(--neutral150-rgb,245,245,245));*/
border: none;
outline: 2px solid transparent;
}
.LUQ1CfnC.IrKpFWsM {
border: none;
background-color: transparent;
outline: 2px solid rgb(11 157 235 / 40%);
}
.LUQ1CfnC.neoZfBgn:hover {
border: none;
}
.LUQ1CfnC.Il95BT9m {
padding: 5px;
border: none;
}
/*summary line background colour */
.XN0dHdcp {
background: #f9f9f9;
}
/* Dark-mode summary line background colour */
.kr-loading.kr-dark-mode .XN0dHdcp {
background: #2c2c2c;
}
/*Frozen Column summary line*/
.y2ZLkKiS {
background: #f9f9f9;
}
/* Dark-mode summary line background colour */
.kr-loading.kr-dark-mode .y2ZLkKiS {
background: #2c2c2c;
}
._2tfZME2A {
min-height: 20px;
}
.DcuNm8Vd {
display: none;
}
.X6hLFC95 {
height: 80%;
width: 30%;
}
.Kwaseza5.vXc9YNjm {
min-height: 200px;
max-width: 700px;
}
.ZSZly8gO {
min-height: 500px;
}
._nrzCB0G.U7h4O0P0 {
max-height: 300px;
}
.o_CaMFcl:not(.m5vUw01O) {
width: 600px;
}
.PpQlEETT {
margin-top: 10px
}
/*Arrow update*/
/*2025-03-25 Arrow fix Canva, table and sub-table*/
.YbkOq0yA:before, .L62PcFhE:before, .WZJs3q2X:before {
content: "";
border: solid #a8a8a8;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
-webkit-transform: rotate(318deg);
}
/*Small Modal formula background*/
.w0lFuA7_.u8qtGLHQ {
min-height: 200px;
}
/*Modal formula background*/
.nPcK_h_U {
background: rgb(31 35 43 / 36%);
}
/*Deprecated - Top sticky bar when scrolling (had a gap so changed the top sizing to 0
.zr9m4nce {
position: sticky;
top: calc(var(--grid-scroll-padding-top, 0) - 1px);
z-index: 89;
}
*/
/*Search padding*/
.WrSsf9fZ {
padding: 5px 0 4px;
}
.YxACrcY6 {
box-shadow: 0 1px 8px rgb(0 0 0 / var(--opacity-shadow-light, 9%));
display: flex;
flex-direction: row;
height: 90vh;
max-height: 1800px;
max-width: 90%;
min-width: 700px;
width: 100%;
}
/*SIDE PANNEL (AUTOMATION PANNEL & Others)*/
/*Comment white background position*/
.AICvC9go,.Mbmc9SWO{
width: 450px;
}
/*Modal opened right position to leave space for side menu*/
.zSiYjvz9.W0dyJWQm{
right:450px;
}
.lRcBSW7a{
white-space: pre-wrap;
}
/*Formula Editor pop up*/
.uLmXFhvH.Y8kvr4hg {
z-index: 475;
}
/*TABLE FILTER SIZE*/
.zPbBn5K3 {
max-width: 250px;
min-height: 2rem;
}
}
@-moz-document domain("drive.google.com") {
/* ------------- GDrive CSS ------------- */
.s55KNe .iZmuQc {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.s55KNe .jmyfOb .Q5txwe {
font-size: 0.8rem;
overflow: visible;
padding-right: 0;
position: relative;
text-overflow: ellipsis;
white-space: pre-wrap;
max-height: 90px;
width: 100%;
}
/* --- Folder same height --- */
.s55KNe .WYuW0e {
height: 100%;
}
/* --- Rename File Popup --- */
.a-cg-k .lb-k-Kk {
width: 30em;
}
/*With folder breadcrumb*/
.a-l-Ba .o-Yc-o .h-R-w-d-ff,
.a-l-Ba .o-Yc-o .o-Yc-o-T {
max-width: 30%;
min-width: 100%;
}
}
@-moz-document domain("intuit.com"), domain("qbo.intuit.com") {
/*QBO CSS*/
/*Old Memo text Box - Still used on some part of QBO so not deleting for now*/
.universal .messagesAndAmounts .memoText {
min-width: 800px;
min-height: 200px;
resize: both;
}
/*2025-04-02 New Memo text box*/
/**/
[class^="txp-capability-totalAmountField"] {
margin-bottom:-126px;
}
[class^="txp-capability-messagesWrapper"] div {
max-width:100%;
}
[class*="txp-capability-privateMemo"] {
padding-bottom:100px;
& textarea{
min-width:800px;
min-height: 250px;
}
}
.integrations-datain-ui .add-overlay .qfComboBox {
width: 475px;
}
/* Report New view width and look*/
.iNiMty {
position: relative;
overflow: hidden;
transition: margin 0.3s ease-in-out 0s;
flex: 1 1 0%;
display: flex;
flex-direction: column;
max-width: calc(100% - 40px);
width: auto;
margin: 8px auto auto;
box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px 0px;
background: white;
min-width: 90%;
}
/*BILL/INVOICE,EXPENSE CSS*/
.dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-cell {
border-left: 1px dotted #c7c7c7;
border-left: solid #c7c7c7 1px;
}
/*Account Text Wrapping*/
[class*="txp-capability-accountsReadOnlyTextWrap"]{
white-space:pre-wrap;
}
/*Account menu wider*/
.quickfillMenuItem .mainLabel {
float: left;
max-width: 375px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 600px;
}
.accountColumn {
font-weight: 600;
font-size: 15px;
text-wrap: wrap;
height: 30px;
margin: 0;
padding: 5px;
color: #000!important;
opacity: 1!important;
align-content: center;
/* color: white; */
}
td {
font-size: 14px;
color: black;
}
/*TRANSACTIONS ACCOUNT COLUMN HEIGHT TO SEE FULL ACCOUNT NAME*/
.accountColumn {
height: 100%;
}
/* Fix Subtotal bill payment going on top of clear payment button*/
.universal .messagesAndAmounts .amounts .tableCell,
.universal .messagesAndAmounts .totalQuantity .tableCell {
padding-top: 30px;
}
/*BANK FEED CSS*/
/*QBO Bank feed text field size and text wrap*/
input#idsDropdownTypeaheadTextField62 {
min-width: 550px;
}
/*Bank Feed tab bigger font amount*/
.integrations-datain-ui .owner-mode-grid .acct-mode-table .idsTable .pull-right {
margin-right: 10px;
font-size: 16px;
font-weight: 600;
}
/*Align Bank account slider to the left*/
.slick-track {
margin-left: 0;
}
}
@-moz-document domain("reamaze.com") {
/*reamaze.com*/
/*General Style*/
#content h1 {
color: #000;
}
a {
color: #0072EA;
}
a:hover,
a:focus {
color: #0056b0;
}
#content .conversation .app-flex-content-content .main-content .conversation-meta {
font-size: 16px;
}
#content .conversation .app-flex-content-content .main-content .edit-subject-row.pull-right {
font-size: 16px;
}
#content .conversation .app-flex-content-content .main-content {
padding: 0px;
}
#conversations li a {
font-size: larger;
}
a:hover {
color: #0067d2;
}
.tui-editor-contents a {
color: #0072EA;
}
/* Headers*/
#content .content-header {
background-color: #050505;
}
#content .subnav.subnav-flex .flex-primary-nav #logo {
display: block;
background-image: url(https://cdn.shopify.com/s/files/1/0237/0025/files/shied_logo_white.svg?v=1542481800);
height: 40px;
width: 40px;
margin: auto;
background-repeat: no-repeat;
max-width: 100%;
}
#content .subnav.subnav-flex .flex-primary-nav #logo img {
display: none;
}
.nav-pane {
background-color: #050505;
}
.menu-pane {
background: #1b1b1b;
color: black;
}
.btn {
box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-standard-primary {
background-color: #0072EA;
}
.btn-primary {
background-color: #0072EA;
background-image: none!important;
}
button.btn.btn-primary {
background-image: none;
background-color: #0072EA;
}
a.btn.btn-primary.anim-btn.anim-btn-shadow {
background-color: #0072EA;
}
.btn-primary:hover {
background-color: #0066d2 !important;
}
.btn-standard-primary:hover {
background-color: #0066d2 !important;
}
#content .subnav .btn-group {
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 5px 0;
}
...