﻿
/*********************************************/
/*
Platformers UI - Operations


/* popover */
.ops-popover { }
.ops-popover.ui.popup { padding: 0; }
.ops-popover.ui.popup:before { z-index: -1; }
/* fix arrow when using scrolling option */
.ops-popover.ui.popup > .header { padding: 0.833em 2em 0.7em 1em; }
.ops-popover > .header { border-bottom: 1px solid rgba(34,36,38,.15); }
/*  note: scrolling container, negate margin of content */
.ops-popover > .scrolling { overflow-y: auto; overflow-x: hidden; /*margin:0 -1em -0.833em -1em;padding:0 1em 0.833em 1em;*/ }
.ops-popover > .content,
.ops-popover > .scrolling > .content { padding: 0.833em 1em 0.833em 1em; }
.ops-popover > .close { position: absolute; top: 0.833em; right: 0.5em; cursor: pointer; }



/*********************************************/
/*
Platformers UI - Operations - Components


/* block: header */
.ui-operations-header-block { }
.ui-operations-header-block .ui.image.default { max-height: 8rem; }

/* block: info */
.ui-operations-info-block { }
.ui-operations-info-block .accordion > .item > .title > div:not(.row) { display: inline-block; }
.ui-operations-info-block .accordion > .item > .title > .row.primary > div { display: inline-block; }
.ui-operations-info-block .accordion > .item > .title > .row.primary > .--collapsible { float: right; }
.ui-operations-info-block .accordion > .item > .title > .row.secondary { padding-top: 0.5rem; }
.ui-operations-info-block .accordion > .item > .title .ui.header { display: inline-block; vertical-align: bottom; }
.ui-operations-info-block .accordion > .item > .title .ui.header > i.icon { font-size: inherit; }
/*.ui-operations-info-block .accordion > .item > .title .ui.header.tiny .content * { height: 1em; }*/
.ui-operations-info-block .accordion > .item > .content,
.ui-operations-info-block .ui.accordion:not(.styled) .title~.content:not(.ui):last-child { padding: 1em 0 0 0; }

/* block: properties */
.ui-operations-properties-block { }
.ui-operations-properties-block .label { color: #767676; }
.ui-operations-properties-block .label.left.aligned { text-align: left; }
.ui-operations-properties-block .label.right.aligned { text-align: right; }
.ui-operations-properties-block tr.odd { background-color: rgba(0,0,0,.05); }
.ui-operations-properties-block tr.even { background-color: rgba(0,0,0,0); }
.ui-operations-properties-block .ui.table.compact.padded td { padding: .5em .7em !important; }

/* block: progress */
.ui-operations-progress-block { }
.ui-operations-progress-block .ui.text.--percentage { font-size: 0.9em; }



/*********************************************/
/*
Platformers UI - Operations - Display Nodes


/* pf-operations--display-metatext */
.pf-operations--display-metatext.top-attached,
.pf-operations--display-metatext.top-attached.ui.icon.message { margin-top: 0; }
