@keyframes fis_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .edit_frm { .invoice_layout { margin: 2rem 2rem 2rem auto; /* align right */ width: 50rem; border: 1px solid #EEE; padding: 25.5rem 3rem 3rem 3rem; box-shadow: 4px 4px 9px rgba(50, 50, 50, 0.3); position: relative; .axf { font-size: 1rem; /* will determine glyphs heights */ display: none; position: absolute; right: 100%; height: 100%; min-height: 1.5rem; min-width: 2rem; background: #f0ffe2; border: 1px solid #CCC; border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; top: 0; width: auto; max-height: 1.5rem; overflow: visible; /* the .rowctx dropdown popout must escape this pill-shaped bar */ padding: 0.1rem; > .ibtn { cursor: pointer; height: 100%; width: 1.5rem; display: inline-block; position: relative; } /* Single row "Kontext-Button" opening a dropdown of edit actions (see $inv.rowCtxMenu). Resets the generic full-bar