icons & menu
This commit is contained in:
STEINNI
@@ -39,7 +39,7 @@
|
||||
},
|
||||
{
|
||||
"label": "Arenas recorder",
|
||||
"icon": "icon-history",
|
||||
"icon": "icon-video-camera",
|
||||
"collapsed": true,
|
||||
"access": ["*"],
|
||||
"items": [
|
||||
@@ -51,18 +51,38 @@
|
||||
},
|
||||
{
|
||||
"label": "Statistics",
|
||||
"icon": "icon-stats",
|
||||
"icon": "icon-graph",
|
||||
"route": "/records/stats",
|
||||
"access": ["*"]
|
||||
},
|
||||
{
|
||||
"label": "Keyframe editor",
|
||||
"icon": "icon-edit",
|
||||
"route": "/records/editor",
|
||||
"access": ["*"]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "Editors",
|
||||
"icon": "icon-edit",
|
||||
"collapsed": true,
|
||||
"access": ["*"],
|
||||
"items": [
|
||||
{
|
||||
"label": "Keyframe editor",
|
||||
"icon": "icon-camera1",
|
||||
"route": "/records/editor",
|
||||
"access": ["*"]
|
||||
},
|
||||
{
|
||||
"label": "Sprites editor",
|
||||
"icon": "icon-spaceinvaders",
|
||||
"route": "/records/stats",
|
||||
"access": ["*"]
|
||||
},
|
||||
{
|
||||
"label": "Event-map editor",
|
||||
"icon": "icon-link",
|
||||
"route": "/records/editor",
|
||||
"access": ["*"]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "Dev tools",
|
||||
"icon": "icon-cogs",
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,3 +1,5 @@
|
||||
@import '/app/assets/styles/icons.css';
|
||||
|
||||
/* Default app color palette */
|
||||
:root,:after,:before {
|
||||
--app-color-primary: #473;
|
||||
@@ -61,6 +63,12 @@ body[eicapp] {
|
||||
z-index: 99;
|
||||
box-shadow: 0 10px 13px rgba(147, 255, 255, 0.55);
|
||||
}
|
||||
menu[eicmenu] [menuitem] > a > i, menu[eicmenu] [menuitem] > .nolink > i{
|
||||
font-size: var(--eicui-base-font-size-l) !important;
|
||||
}
|
||||
menu[eicmenu] [menuitem] > a > button, menu[eicmenu] [menuitem] > .nolink button {
|
||||
background: var(--app-color-primary);
|
||||
}
|
||||
[eicapp] .app-workspace {
|
||||
display: grid;
|
||||
/*
|
||||
@@ -321,7 +329,7 @@ menu[eicmenu] [menuitem] a label {
|
||||
color: #4E4;
|
||||
}
|
||||
menu[eicmenu] [menuitem] i[class^="icon-"] {
|
||||
color:white;
|
||||
color:#fdfb93;;
|
||||
}
|
||||
/*
|
||||
[eicdropdown] > menu{
|
||||
|
||||
@@ -1,219 +0,0 @@
|
||||
|
||||
/**********************************************************************
|
||||
|
||||
.massmailer [hidden]{
|
||||
display:none;
|
||||
}
|
||||
.massmailer .massmail-send{
|
||||
justify-self: center;
|
||||
}
|
||||
.massmailer .panes{
|
||||
grid-template-columns: 2fr 3fr;
|
||||
}
|
||||
|
||||
.massmailer article header h1{
|
||||
color: var(--eicui-base-color-primary);
|
||||
}
|
||||
.massmailer article header h1.mailing-name{
|
||||
text-align: center;
|
||||
}
|
||||
.massmailer article header .template-name,
|
||||
.massmailer article header h1.mailing-name span{
|
||||
color: var(--eicui-body-color);
|
||||
}
|
||||
|
||||
.massmailer .workflow[loading="true"]::before{
|
||||
content: "\e981";
|
||||
animation: spin 1s infinite linear;
|
||||
font-family: 'glyphs';
|
||||
position: absolute;
|
||||
font-size: inherit;
|
||||
width: min-content;
|
||||
color: var(--app-color-info);
|
||||
left: var(--eicui-base-spacing-xs);
|
||||
top: var(--eicui-base-spacing-xs);
|
||||
background: transparent;
|
||||
z-index: 2;
|
||||
}
|
||||
.massmailer .workflow[loading="true"]::after{
|
||||
content: "updating...";
|
||||
position: absolute;
|
||||
font-size: inherit;
|
||||
width: min-content;
|
||||
padding: 0 var(--eicui-base-spacing-s);
|
||||
color: var(--app-color-info);
|
||||
top: 0;
|
||||
padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xl);
|
||||
background: transparent;
|
||||
left: 0;
|
||||
}
|
||||
.massmailer .workflow text.title{
|
||||
font-size: var(--eicui-base-font-size-xs);
|
||||
}
|
||||
.massmailer .workflow text.subtitle{
|
||||
font-size: calc(var(--eicui-base-font-size-xs)/1.2);
|
||||
font-style: italic;
|
||||
}
|
||||
.massmailer .workflow .badge{
|
||||
opacity: .85;
|
||||
}
|
||||
.massmailer .templates-grid{
|
||||
height: fit-content;
|
||||
min-height: 8em;
|
||||
}
|
||||
.massmailer span.token[eicchip]{
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.massmailer .templates-grid li.row{
|
||||
grid-template-columns: 15em 10em 4em 8em;
|
||||
}
|
||||
|
||||
.massmailer .templates-grid .cell i.ffs{ margin-right: .5em; }
|
||||
.massmailer .templates-grid .cell i.ffs.icon-folder{
|
||||
color: var(--eicui-base-color-warning);
|
||||
}
|
||||
|
||||
.massmailer .tpl-panes{
|
||||
grid-template-columns: 32em 2fr;
|
||||
}
|
||||
.massmailer .tpl-text-body{
|
||||
max-width: 50vw;
|
||||
}
|
||||
.massmailer .tpl-text-body pre{
|
||||
text-wrap: wrap;
|
||||
font-family: var(--eicui-base-font-family);
|
||||
}
|
||||
.massmailer .mapping-grid ul{
|
||||
list-style: none;
|
||||
}
|
||||
.massmailer .mapping-grid ul li .cols-3{
|
||||
grid-template-columns: 1fr 1fr 10em;
|
||||
}
|
||||
|
||||
.massmailer .mapping-grid ul li [eicchip]{
|
||||
max-width: fit-content;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
.massmailer button.test-send{
|
||||
justify-self: right;
|
||||
}
|
||||
.massmailer .approval-panel button.reject,
|
||||
.massmailer .approval-panel button.approve,
|
||||
.massmailer .schedule-tab button.schedule {
|
||||
width: 20rem;
|
||||
}
|
||||
.massmailer .schedule-tab footer{
|
||||
justify-content: center;
|
||||
}
|
||||
.massmailer .approval-panel .buttons {
|
||||
justify-items: center;
|
||||
}
|
||||
.massmailer .schedule-panel [name="scheduleDate"],
|
||||
.massmailer .schedule-panel .eicui-input-container {
|
||||
width:10rem;
|
||||
}
|
||||
|
||||
|
||||
.import-dialog .toggle-switch.greyed .toggle-bar,
|
||||
.import-dialog .toggle-switch.greyed .toggle-thumb{
|
||||
background-color: var(--eicui-base-color-grey-25)!important;
|
||||
}
|
||||
.import-dialog .hidden{
|
||||
display: none;
|
||||
}
|
||||
.import-dialog .settings div{
|
||||
text-align: center;
|
||||
}
|
||||
.import-dialog .report-title{
|
||||
color: var(--eicui-base-color-success);
|
||||
font-style: italic;
|
||||
grid-row: 1/3;
|
||||
}
|
||||
.import-dialog .report-details ul{
|
||||
margin: 0 0 0 1em;
|
||||
list-style: disclosure-closed;
|
||||
}
|
||||
.import-dialog .report-details ul span[success]{
|
||||
font-weight: bold;
|
||||
}
|
||||
.import-dialog .report.error{
|
||||
color: var(--eicui-base-color-danger);
|
||||
}
|
||||
.import-dialog [eiccard][hidden]{
|
||||
display: none;
|
||||
}
|
||||
.import-dialog span[spinner][spin]{
|
||||
width: fit-content;
|
||||
}
|
||||
.import-dialog .switches{
|
||||
align-items: center;
|
||||
}
|
||||
.import-dialog .toggle-switch.greyed .toggle-bar{
|
||||
background-color: var(--eicui-base-color-grey-25)!important;
|
||||
}
|
||||
.import-dialog .toggle-switch.greyed .toggle-thumb{
|
||||
background-color: var(--eicui-base-color-grey-75)!important;
|
||||
}
|
||||
.import-dialog .toggle-switch[disabled]{
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
|
||||
.mapping-dialog .toggle-switch.greyed .toggle-bar,
|
||||
.mapping-dialog .toggle-switch.greyed .toggle-thumb{
|
||||
background-color: var(--eicui-base-color-grey-25)!important;
|
||||
}
|
||||
.mapping-dialog .hidden{
|
||||
display: none;
|
||||
}
|
||||
.mapping-dialog .settings div{
|
||||
text-align: center;
|
||||
}
|
||||
.mapping-dialog .report-title{
|
||||
color: var(--eicui-base-color-success);
|
||||
font-style: italic;
|
||||
grid-row: 1/3;
|
||||
}
|
||||
.mapping-dialog .report-details ul{
|
||||
margin: 0 0 0 1em;
|
||||
list-style: disclosure-closed;
|
||||
}
|
||||
.mapping-dialog .report-details ul span[success]{
|
||||
font-weight: bold;
|
||||
}
|
||||
.mapping-dialog .report.error{
|
||||
color: var(--eicui-base-color-danger);
|
||||
}
|
||||
.mapping-dialog [eiccard][hidden]{
|
||||
display: none;
|
||||
}
|
||||
.mapping-dialog .sample-grid{
|
||||
font-size: var(--eicui-base-font-size-s);
|
||||
}
|
||||
.mapping-dialog .sample-grid li.row{
|
||||
grid-template-columns: auto 3em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.test-dialog .toggle-switch.greyed .toggle-bar,
|
||||
.test-dialog .toggle-switch.greyed .toggle-thumb{
|
||||
background-color: var(--eicui-base-color-grey-25)!important;
|
||||
}
|
||||
.test-dialog .hidden{
|
||||
display: none;
|
||||
}
|
||||
.test-dialog input.token-value{
|
||||
padding: initial;
|
||||
}
|
||||
.test-dialog .tokens-form{
|
||||
padding: 0 .5em .5em .5em;
|
||||
}
|
||||
.test-dialog .tokens-form li{
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
*/
|
||||
@@ -1,386 +0,0 @@
|
||||
.templitor > header,
|
||||
.templitorManage > header {
|
||||
background: url('/app/assets/images/cards/templitorHeader.png') center/cover no-repeat;
|
||||
border-bottom: 4px solid white !important;
|
||||
}
|
||||
|
||||
.templates-tab, .cols-2 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.templitor .templates {
|
||||
width: 60vw;
|
||||
}
|
||||
|
||||
.create-new-tpl {
|
||||
float: right;
|
||||
top: -2em;
|
||||
}
|
||||
|
||||
.tplViewer {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
width: 20vw;
|
||||
max-width: 20vw;
|
||||
max-width: 30%;
|
||||
max-height: 61vh;
|
||||
background-color: white;
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
||||
z-index: 1000;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tplViewer .tpl-html {
|
||||
max-width: 22vw;
|
||||
}
|
||||
|
||||
.tplViewer .img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tpl-html {
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
position: inherit;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.tpl-html img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tpl-html table {
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
.tpl-html p,
|
||||
.tpl-html span.token,
|
||||
.tpl-html footer span,
|
||||
.tpl-html table {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.templatesList[templatesList] {
|
||||
max-height: calc(95vh - 40vh);
|
||||
overflow-y: auto;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
}
|
||||
|
||||
.templatesList .grid-header,
|
||||
.templatesList .grid-row {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.templatesList .grid-header {
|
||||
background-color: #f5f5f5;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tplMeta,
|
||||
.tplTools{
|
||||
border: unset!important;
|
||||
box-shadow: none!important;
|
||||
}
|
||||
.tpl-editor,
|
||||
.tpl-editor-container{
|
||||
background-color: #a0a0a0;
|
||||
}
|
||||
.template-item {
|
||||
background: #f9f9f9;
|
||||
border: 2px solid var(--eicui-app-body-bg-color) !important;
|
||||
cursor: pointer;
|
||||
transition: transform 0.2s, box-shadow 0.2s;
|
||||
font-size: 0.75em;
|
||||
position: relative;
|
||||
margin: 0.4em !important;
|
||||
}
|
||||
|
||||
.template-item h1, .template-item h2, .template-item h3 {
|
||||
font-size: 1.5em;
|
||||
margin: 0.5em;
|
||||
}
|
||||
|
||||
.template-item p {
|
||||
font-size: 1.2em;
|
||||
margin: 0.5em;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.template-item:hover {
|
||||
transform: scale(1.02);
|
||||
background-color: #FFFAE9 !important;
|
||||
}
|
||||
|
||||
.templatesList .template-item.selected {
|
||||
background-color: #FFFAE9 !important;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.tplEditor {
|
||||
margin-top: 20px;
|
||||
border: 1px solid #a0a0a0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.tplEditor textarea {
|
||||
display: block !important;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tplEditor h6 {
|
||||
margin: 0!important;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.save-html, .tool-button {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.templateEditor {
|
||||
min-width: 30em;
|
||||
}
|
||||
|
||||
.tplViewer section > header,
|
||||
.tplPreview section > header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tplViewer section > header h1,
|
||||
.tplPreview section > header h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tplViewer section > header button,
|
||||
.tplPreview section > header button {
|
||||
margin-left: 10px;
|
||||
padding: 5px !important;
|
||||
}
|
||||
|
||||
.tpl-header-editor, .tpl-main-editor, .tpl-footer-editor, .tpl-alternateText-editor {
|
||||
border: 1px solid #a0a0a0;
|
||||
padding: 10px;
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
min-height: 5em;
|
||||
}
|
||||
|
||||
.tpl-header-editor::before, .tpl-main-editor::before, .tpl-footer-editor::before {
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
background: white;
|
||||
padding: 0 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tpl-html > footer {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.paragraph-placeholder {
|
||||
border: 1px dashed #ccc;
|
||||
padding: 5px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.line-break {
|
||||
display: block;
|
||||
margin: 10px 0;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#colorWell {
|
||||
position: absolute;
|
||||
display: none;
|
||||
background: white;
|
||||
padding: 5px;
|
||||
border: 1px solid #ccc;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.radioB {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.tpl-em{
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.tplName {
|
||||
flex-grow: 0.7;
|
||||
min-width: 50%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tplSubject input,
|
||||
.tplName input{
|
||||
width: 60ch;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.tpl-alternateText-editor {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.tpl-toolButtons {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: white;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.tpl-sendMailTest {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.resizable {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.resizable img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.resize-handle {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
cursor: se-resize;
|
||||
}
|
||||
|
||||
.resize-handle::after {
|
||||
content: "↔";
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.templatesList[templatesList] {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.templatesList[templatesList] {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
/* Styles for lists */
|
||||
.tpl-bullet-list,
|
||||
.tpl-dash-list,
|
||||
.tpl-numbered-list {
|
||||
margin-left: 20px!important;
|
||||
}
|
||||
/* Styles for bullet lists */
|
||||
.tpl-bullet-list {
|
||||
list-style-type: disc;
|
||||
}
|
||||
/* Styles for dashed lists */
|
||||
.tpl-dash-list {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.tpl-dash-list li::before {
|
||||
content: "-"; /* Add a dash before each list item */
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* Styles for numbered lists */
|
||||
.tpl-numbered-list {
|
||||
list-style-type: decimal; /* Default numbered list */
|
||||
}
|
||||
|
||||
/* Optional: Customize the appearance of list items */
|
||||
.tpl-bullet-list li,
|
||||
.tpl-dash-list li,
|
||||
.tpl-numbered-list li {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
/*Add Table */
|
||||
.tpl-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
resize: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tpl-table-bordered {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.tpl-table th, .tpl-table td {
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tpl-table-bordered th, .tpl-table-bordered td {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.tpl-table th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.tpl-table-bordered {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.tpl-table th {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.tpl-table td, .tpl-table th {
|
||||
resize: both;
|
||||
}
|
||||
|
||||
/*HTMLPreview */
|
||||
.he-img-select-container {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
background-color: white;
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.tplViewer.not-editable::after {
|
||||
content: 'Not Editable';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) rotate(-45deg);
|
||||
font-size: 5rem;
|
||||
color: rgba(200, 0, 0, 0.1); /* Transparent red */
|
||||
z-index: 10;
|
||||
pointer-events: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 123 KiB |
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,618 @@
|
||||
@font-face {
|
||||
font-family: 'glyphs';
|
||||
src: url('fonts/glyphs.eot?eexjbw');
|
||||
src: url('fonts/glyphs.eot?eexjbw#iefix') format('embedded-opentype'),
|
||||
url('fonts/glyphs.ttf?eexjbw') format('truetype'),
|
||||
url('fonts/glyphs.woff?eexjbw') format('woff'),
|
||||
url('fonts/glyphs.svg?eexjbw#glyphs') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'glyphs' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
span[class*="icon-"][primary]:before { color: var(--app-color-primary); }
|
||||
span[class*="icon-"][secondary] { color: var(--app-color-secondary); }
|
||||
span[class*="icon-"][success] { color: var(--app-color-success); }
|
||||
span[class*="icon-"][danger] { color: var(--app-color-danger); }
|
||||
span[class*="icon-"][warning] { color: var(--app-color-warning); }
|
||||
span[class*="icon-"][accent] { color: var(--app-color-accent); }
|
||||
span[class*="icon-"][info] { color: var(--app-color-info); }
|
||||
|
||||
[class*="icon-"][xxsmall] { font-size: var(--eicui-base-icon-size-2xs); }
|
||||
[class*="icon-"][xsmall] { font-size: var(--eicui-base-icon-size-xs) !important; }
|
||||
[class*="icon-"][small] { font-size: var(--eicui-base-icon-size-s) !important; }
|
||||
[class*="icon-"][medium] { font-size: var(--eicui-base-icon-size-m) !important; }
|
||||
[class*="icon-"][large] { font-size: var(--eicui-base-icon-size-l) !important; }
|
||||
[class*="icon-"][xlarge] { font-size: var(--eicui-base-icon-size-xl) !important; }
|
||||
[class*="icon-"][xxlarge] { font-size: var(--eicui-base-icon-size-2xl); }
|
||||
[class*="icon-"][xxxlarge] { font-size: var(--eicui-base-icon-size-3xl); }
|
||||
[class*="icon-"][xxxxlarge] { font-size: var(--eicui-base-icon-size-4xl); }
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg) ; }
|
||||
100% { transform: rotate(360deg) ; }
|
||||
}
|
||||
|
||||
@keyframes uturn {
|
||||
0% { transform: rotate(-180deg) ; }
|
||||
100% { transform: rotate(0deg) ; }
|
||||
}
|
||||
@keyframes uturn-ccw {
|
||||
0% { transform: rotate(180deg) ; }
|
||||
100% { transform: rotate(0deg) ; }
|
||||
}
|
||||
|
||||
.spin { animation: spin 1s infinite linear; }
|
||||
.arrow-expand:before {
|
||||
content: "\f106" !important;
|
||||
animation: uturn-ccw 0.3s 1 linear;
|
||||
}
|
||||
.arrow-collapse:before {
|
||||
content: "\f107" !important;
|
||||
animation: uturn 0.3s 1 normal linear;
|
||||
}
|
||||
|
||||
.icon-backward1:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-backward-step:before {
|
||||
content: "\e943";
|
||||
}
|
||||
.icon-fast-forward:before {
|
||||
content: "\e944";
|
||||
}
|
||||
.icon-pause2:before {
|
||||
content: "\e945";
|
||||
}
|
||||
.icon-play1:before {
|
||||
content: "\e946";
|
||||
}
|
||||
.icon-target1:before {
|
||||
content: "\e948";
|
||||
}
|
||||
.icon-usb:before {
|
||||
content: "\e949";
|
||||
}
|
||||
.icon-video-camera1:before {
|
||||
content: "\e94a";
|
||||
}
|
||||
.icon-price-tag:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
.icon-align-center:before {
|
||||
content: "\e933";
|
||||
}
|
||||
.icon-align-left:before {
|
||||
content: "\e934";
|
||||
}
|
||||
.icon-align-right:before {
|
||||
content: "\e935";
|
||||
}
|
||||
.icon-format-color:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
.icon-format-bold:before {
|
||||
content: "\e936";
|
||||
}
|
||||
.icon-font-size-down:before {
|
||||
content: "\e937";
|
||||
}
|
||||
.icon-format-underline:before {
|
||||
content: "\e939";
|
||||
}
|
||||
.icon-big-bullet:before {
|
||||
content: "\e928";
|
||||
}
|
||||
.icon-code:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
.icon-check-rounded:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
.icon-dashboard:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
.icon-more:before {
|
||||
content: "\e923";
|
||||
}
|
||||
.icon-locked:before {
|
||||
content: "\e925";
|
||||
}
|
||||
.icon-unlocked:before {
|
||||
content: "\e926";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\e920";
|
||||
}
|
||||
.icon-reply:before {
|
||||
content: "\e921";
|
||||
}
|
||||
.icon-back:before {
|
||||
content: "\e921";
|
||||
}
|
||||
.icon-link-ext:before {
|
||||
content: "\e922";
|
||||
}
|
||||
.icon-share:before {
|
||||
content: "\e929";
|
||||
}
|
||||
.icon-workflow:before {
|
||||
content: "\e929";
|
||||
}
|
||||
.icon-health:before {
|
||||
content: "\e927";
|
||||
}
|
||||
.icon-copy:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.icon-filter:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
.icon-deny:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
.icon-pause1:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.icon-market:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.icon-thumbs-down:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.icon-thumbs-up:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.icon-trash:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
.icon-bolt:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.icon-check:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.icon-cancel:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.icon-close:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.icon-envelope:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.icon-company:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.icon-servers:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.icon-cabinet:before {
|
||||
content: "\e94b";
|
||||
}
|
||||
.icon-cabinet1:before {
|
||||
content: "\e94c";
|
||||
}
|
||||
.icon-camera1:before {
|
||||
content: "\e94e";
|
||||
}
|
||||
.icon-camera2:before {
|
||||
content: "\e94f";
|
||||
}
|
||||
.icon-film1:before {
|
||||
content: "\e950";
|
||||
}
|
||||
.icon-chronometer:before {
|
||||
content: "\e951";
|
||||
}
|
||||
.icon-chart:before {
|
||||
content: "\e952";
|
||||
}
|
||||
.icon-lab:before {
|
||||
content: "\e953";
|
||||
}
|
||||
.icon-satellite:before {
|
||||
content: "\e954";
|
||||
}
|
||||
.icon-spaceinvaders:before {
|
||||
content: "\e955";
|
||||
}
|
||||
.icon-bomb:before {
|
||||
content: "\e957";
|
||||
}
|
||||
.icon-tools:before {
|
||||
content: "\e958";
|
||||
}
|
||||
.icon-bus:before {
|
||||
content: "\e959";
|
||||
}
|
||||
.icon-stop2:before {
|
||||
content: "\e95a";
|
||||
}
|
||||
.icon-atom:before {
|
||||
content: "\e95b";
|
||||
}
|
||||
.icon-globe:before {
|
||||
content: "\e95c";
|
||||
}
|
||||
.icon-globe1:before {
|
||||
content: "\e95d";
|
||||
}
|
||||
.icon-grid:before {
|
||||
content: "\e95e";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\e95f";
|
||||
}
|
||||
.icon-lock:before {
|
||||
content: "\e960";
|
||||
}
|
||||
.icon-unlocked1:before {
|
||||
content: "\e961";
|
||||
}
|
||||
.icon-camera3:before {
|
||||
content: "\e962";
|
||||
}
|
||||
.icon-calculator:before {
|
||||
content: "\e963";
|
||||
}
|
||||
.icon-diamond:before {
|
||||
content: "\e965";
|
||||
}
|
||||
.icon-atom1:before {
|
||||
content: "\e966";
|
||||
}
|
||||
.icon-syringe:before {
|
||||
content: "\e967";
|
||||
}
|
||||
.icon-health1:before {
|
||||
content: "\e968";
|
||||
}
|
||||
.icon-pill:before {
|
||||
content: "\e969";
|
||||
}
|
||||
.icon-lab1:before {
|
||||
content: "\e96a";
|
||||
}
|
||||
.icon-graph:before {
|
||||
content: "\e96b";
|
||||
}
|
||||
.icon-review:before {
|
||||
content: "\e917";
|
||||
}
|
||||
.icon-correction:before {
|
||||
content: "\e918";
|
||||
}
|
||||
.icon-mediation:before {
|
||||
content: "\e919";
|
||||
}
|
||||
.icon-writing:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
.icon-snapshot:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
.icon-toc:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
.icon-folder:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
.icon-folder-open:before {
|
||||
content: "\e930";
|
||||
}
|
||||
.icon-folder-add:before {
|
||||
content: "\e931";
|
||||
}
|
||||
.icon-folder-remove:before {
|
||||
content: "\e932";
|
||||
}
|
||||
.icon-qrcode:before {
|
||||
content: "\e938";
|
||||
}
|
||||
.icon-chat:before {
|
||||
content: "\e96c";
|
||||
}
|
||||
.icon-bug:before {
|
||||
content: "\e999";
|
||||
}
|
||||
.icon-font-size-up:before {
|
||||
content: "\ea61";
|
||||
}
|
||||
.icon-format-italic:before {
|
||||
content: "\ea64";
|
||||
}
|
||||
.icon-stop:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
.icon-play:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.icon-history:before {
|
||||
content: "\e94d";
|
||||
}
|
||||
.icon-spinner:before {
|
||||
content: "\e981";
|
||||
}
|
||||
.icon-cog:before {
|
||||
content: "\e994";
|
||||
}
|
||||
.icon-star-empty:before {
|
||||
content: "\e9d7";
|
||||
}
|
||||
.icon-star-half:before {
|
||||
content: "\e9d8";
|
||||
}
|
||||
.icon-star-full:before {
|
||||
content: "\e9d9";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e9da";
|
||||
}
|
||||
.icon-pdf:before {
|
||||
content: "\eadf";
|
||||
}
|
||||
.icon-pen:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.icon-coaching:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
.icon-cart:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
.icon-phone:before {
|
||||
content: "\e942";
|
||||
}
|
||||
.icon-hour-glass:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.icon-refresh:before {
|
||||
content: "\e984";
|
||||
}
|
||||
.icon-complaint:before {
|
||||
content: "\e9a8";
|
||||
}
|
||||
.icon-evaluation:before {
|
||||
content: "\e9b8";
|
||||
}
|
||||
.icon-link:before {
|
||||
content: "\e9cb";
|
||||
}
|
||||
.icon-loop:before {
|
||||
content: "\ea2d";
|
||||
}
|
||||
.icon-image:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.icon-new:before {
|
||||
content: "\e924";
|
||||
}
|
||||
.icon-map:before {
|
||||
content: "\e947";
|
||||
}
|
||||
.icon-pin:before {
|
||||
content: "\e947";
|
||||
}
|
||||
.icon-user-check:before {
|
||||
content: "\e975";
|
||||
}
|
||||
.icon-cogs:before {
|
||||
content: "\e995";
|
||||
}
|
||||
.icon-bin:before {
|
||||
content: "\e9ac";
|
||||
}
|
||||
.icon-attachment:before {
|
||||
content: "\e9cd";
|
||||
}
|
||||
.icon-xls:before {
|
||||
content: "\eae2";
|
||||
}
|
||||
.icon-paint-format:before {
|
||||
content: "\e93d";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\e93e";
|
||||
}
|
||||
.icon-film:before {
|
||||
content: "\e93f";
|
||||
}
|
||||
.icon-video-camera:before {
|
||||
content: "\e940";
|
||||
}
|
||||
.icon-stack:before {
|
||||
content: "\e941";
|
||||
}
|
||||
.icon-display:before {
|
||||
content: "\e956";
|
||||
}
|
||||
.icon-database:before {
|
||||
content: "\e964";
|
||||
}
|
||||
.icon-target:before {
|
||||
content: "\e9b3";
|
||||
}
|
||||
.icon-tree:before {
|
||||
content: "\e9bc";
|
||||
}
|
||||
.icon-play2:before {
|
||||
content: "\ea15";
|
||||
}
|
||||
.icon-pause:before {
|
||||
content: "\ea16";
|
||||
}
|
||||
.icon-stop1:before {
|
||||
content: "\ea17";
|
||||
}
|
||||
.icon-previous:before {
|
||||
content: "\ea18";
|
||||
}
|
||||
.icon-next:before {
|
||||
content: "\ea19";
|
||||
}
|
||||
.icon-backward:before {
|
||||
content: "\ea1a";
|
||||
}
|
||||
.icon-forward2:before {
|
||||
content: "\ea1b";
|
||||
}
|
||||
.icon-embed:before {
|
||||
content: "\ea7f";
|
||||
}
|
||||
.icon-steam:before {
|
||||
content: "\eaac";
|
||||
}
|
||||
.icon-dropbox:before {
|
||||
content: "\eaae";
|
||||
}
|
||||
.icon-tux:before {
|
||||
content: "\eabd";
|
||||
}
|
||||
.icon-codepen:before {
|
||||
content: "\eae8";
|
||||
}
|
||||
.icon-sort-asc:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.icon-sort-desc:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.icon-unsorted:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.icon-help:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.icon-plus:before {
|
||||
content: "\f067";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\f002";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\f007";
|
||||
}
|
||||
.icon-logoff:before {
|
||||
content: "\f011";
|
||||
}
|
||||
.icon-edit:before {
|
||||
content: "\f040";
|
||||
}
|
||||
.icon-checked:before {
|
||||
content: "\f046";
|
||||
}
|
||||
.icon-info:before {
|
||||
content: "\f05a";
|
||||
}
|
||||
.icon-expand:before {
|
||||
content: "\f065";
|
||||
}
|
||||
.icon-warning:before {
|
||||
content: "\f071";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\f073";
|
||||
}
|
||||
.icon-comment:before {
|
||||
content: "\f075";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\f081";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\f082";
|
||||
}
|
||||
.icon-square-o:before {
|
||||
content: "\f096";
|
||||
}
|
||||
.icon-website:before {
|
||||
content: "\f0ac";
|
||||
}
|
||||
.icon-users:before {
|
||||
content: "\f0c0";
|
||||
}
|
||||
.icon-list-ul:before {
|
||||
content: "\f0ca";
|
||||
}
|
||||
.icon-table:before {
|
||||
content: "\f0ce";
|
||||
}
|
||||
.icon-exchange:before {
|
||||
content: "\f0ec";
|
||||
}
|
||||
.icon-alert:before {
|
||||
content: "\f0f3";
|
||||
}
|
||||
.icon-chevron-left:before {
|
||||
content: "\f100";
|
||||
}
|
||||
.icon-chevron-right:before {
|
||||
content: "\f101";
|
||||
}
|
||||
.icon-angle-left:before {
|
||||
content: "\f104";
|
||||
}
|
||||
.icon-angle-right:before {
|
||||
content: "\f105";
|
||||
}
|
||||
.icon-angle-up:before {
|
||||
content: "\f106";
|
||||
}
|
||||
.icon-angle-down:before {
|
||||
content: "\f107";
|
||||
}
|
||||
.icon-zip:before {
|
||||
content: "\f1c6";
|
||||
}
|
||||
.icon-send:before {
|
||||
content: "\f1d8";
|
||||
}
|
||||
.icon-preview:before {
|
||||
content: "\f1e5";
|
||||
}
|
||||
.icon-stats:before {
|
||||
content: "\f200";
|
||||
}
|
||||
.icon-toggle-off:before {
|
||||
content: "\f204";
|
||||
}
|
||||
.icon-toggle-on:before {
|
||||
content: "\f205";
|
||||
}
|
||||
.icon-user-add:before {
|
||||
content: "\f234";
|
||||
}
|
||||
.icon-calendar-plus:before {
|
||||
content: "\f271";
|
||||
}
|
||||
.icon-calendar-minus:before {
|
||||
content: "\f272";
|
||||
}
|
||||
.icon-calendar-failed:before {
|
||||
content: "\f273";
|
||||
}
|
||||
.icon-calendar-check:before {
|
||||
content: "\f274";
|
||||
}
|
||||
@@ -1,99 +0,0 @@
|
||||
[device="tablet"] [eicdatagrid] .cell { padding: var(--eicui-base-spacing-xs) 0; }
|
||||
[device="mobile"] [eicdatagrid] .cell { padding: var(--eicui-base-spacing-xs) 0; }
|
||||
|
||||
/*
|
||||
.fasttracks > header { background: url('/app/assets/images/cards/fasttracks-card.jpg'); }
|
||||
*/
|
||||
.fasttracks .granted-tokens,
|
||||
.fasttracks .global-granted-tokens {
|
||||
margin-top: var(--eicui-base-spacing-m);
|
||||
}
|
||||
.fasttracks .granted-tokens .row { grid-template-columns: 120px 2fr 1fr 1fr 1fr 120px 2fr 150px; }
|
||||
[device="tablet"] .fasttracks .granted-tokens .row { grid-template-columns: 120px 0fr 0fr 1fr 1fr 1fr 0fr 50px; }
|
||||
[device="mobile"] .fasttracks .granted-tokens .row { grid-template-columns: 120px 0fr 0fr 0fr 1fr 0fr 0fr 40px; }
|
||||
.fasttracks .granted-tokens .row .cell:nth-child(2) { text-align: center; }
|
||||
.fasttracks .granted-tokens .row .cell:nth-child(4) { text-align: center; }
|
||||
.fasttracks .granted-tokens .row .cell:nth-child(6) { text-align: center; }
|
||||
|
||||
.fasttracks .global-granted-tokens .row { grid-template-columns: 120px 2fr 1fr 1fr 1fr 1fr 2fr 1fr 150px; }
|
||||
.fasttracks .global-granted-tokens .row, .fasttracks .granted-tokens .row { min-height: 48px; }
|
||||
[device="tablet"] .fasttracks .global-granted-tokens .row { grid-template-columns: 120px 0fr 0fr 1fr 1fr 1fr 0fr 0fr 90px; }
|
||||
[device="mobile"] .fasttracks .global-granted-tokens .row { grid-template-columns: 120px 0fr 0fr 0fr 1fr 0fr 0fr 0fr 90px; }
|
||||
.fasttracks .global-granted-tokens .row .cell:nth-child(2) { text-align: center; }
|
||||
.fasttracks .global-granted-tokens .row .cell:nth-child(5) { text-align: center; }
|
||||
.fasttracks .global-granted-tokens .row .cell:nth-child(6) { text-align: center; }
|
||||
.fasttracks .global-granted-tokens .row .cell:nth-child(7) { text-align: center; }
|
||||
.fasttracks .global-granted-tokens .row .cell:nth-child(9) { text-align: center; }
|
||||
|
||||
.fasttracks .history-tokens .row { grid-template-columns: 200px 120px 2fr 120px 1fr; }
|
||||
[device="mobile"] .fasttracks .history-tokens .row { grid-template-columns: 1fr 1fr 0fr 1fr 0fr; }
|
||||
.fasttracks .history-tokens .row .cell:nth-child(2) { text-align: center; }
|
||||
.fasttracks .history-tokens .row .cell:nth-child(3) { text-align: center; }
|
||||
.fasttracks .history-tokens .row .cell:nth-child(5) { text-align: center; }
|
||||
|
||||
.fasttracks .users-list .row { grid-template-columns: 1fr 2fr 3fr 2fr 2fr 2fr 90px; }
|
||||
|
||||
.fasttracks .programmes-list .row { grid-template-columns: 1fr 120px; }
|
||||
|
||||
.tabs-extended section {
|
||||
padding: 0 !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.fasttracks .metrics {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.fasttracks .metrics > div {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
border: 1px solid var(--eicui-base-color-grey-15);
|
||||
margin: 0 var(--eicui-base-spacing-s) 0 var(--eicui-base-spacing-s);
|
||||
flex: 1;
|
||||
}
|
||||
[device="tablet"] .fasttracks .metrics > div {
|
||||
border: none;
|
||||
display: grid;
|
||||
align-items: baseline;
|
||||
grid-template-rows: min-content 1fr;
|
||||
}
|
||||
[device="mobile"] .fasttracks .metrics > div { display: none; }
|
||||
.fasttracks .metrics > div > span {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
padding: var(--eicui-base-spacing-2xs) 0 0 0;
|
||||
}
|
||||
.fasttracks .metrics > div label {
|
||||
font-size: smaller;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
[eicdialog] .fasttracks {
|
||||
min-width: 40vw;
|
||||
}
|
||||
[eicdialog] .fasttracks section {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
.fasttracks .kic-domains-list .row,
|
||||
.fasttracks .plugin-domains-list .row,
|
||||
[eicdialog] .fasttracks.settings [eicdatagrid] .row {
|
||||
grid-template-columns: auto 100px 100px;
|
||||
}
|
||||
.fasttracks .kic-domains-list .dataset .row .cell:nth-child(3),
|
||||
.fasttracks .plugin-domains-list .dataset .row .cell:nth-child(3),
|
||||
[eicdialog] .fasttracks.settings [eicdatagrid] .dataset .row .cell:nth-child(3) {
|
||||
text-align: right;
|
||||
}
|
||||
.fasttracks .kic-domains-list .dataset .row .cell:nth-child(4),
|
||||
.fasttracks .plugin-domains-list .dataset .row .cell:nth-child(4),
|
||||
[eicdialog] .fasttracks.settings [eicdatagrid] .dataset .row .cell:nth-child(4) {
|
||||
text-align: right;
|
||||
}
|
||||
.cell.actions span {
|
||||
color: var(--eicui-base-color-grey-50);
|
||||
font-size: var(--eicui-base-font-size-s);
|
||||
}
|
||||
@@ -1,91 +0,0 @@
|
||||
[device="tablet"] [eicdatagrid] .cell { padding: var(--eicui-base-spacing-xs) 0; }
|
||||
[device="mobile"] [eicdatagrid] .cell { padding: var(--eicui-base-spacing-xs) 0; }
|
||||
|
||||
.tabs-extended section {
|
||||
padding: 0 !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.shortsubmission .tabs-extended li i[class^="icon-"]{
|
||||
padding-right: 10pt;
|
||||
}
|
||||
.shortsubmission .tabs-extended li{
|
||||
box-shadow: none;
|
||||
background-color: #A2CBA2;
|
||||
}
|
||||
.shortsubmission .tabs-extended li div{
|
||||
z-index:10
|
||||
}
|
||||
.shortsubmission .tabs-extended li.tab-selected {
|
||||
background-color: #71D071;
|
||||
border-bottom: none;
|
||||
}
|
||||
.shortsubmission .tabs-extended li .tab-arrow{
|
||||
transform: rotate(-45deg);
|
||||
border: solid white;
|
||||
border-width: medium;
|
||||
border-width: 0 3px 3px 0;
|
||||
display: inline-block;
|
||||
padding: 14pt;
|
||||
position: absolute;
|
||||
right: -9pt;
|
||||
border-radius: 3px;
|
||||
z-index: 9;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.shortsubmission .metrics {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.shortsubmission .metrics > div {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
border: 1px solid var(--eicui-base-color-grey-15);
|
||||
margin: 0 var(--eicui-base-spacing-s) 0 var(--eicui-base-spacing-s);
|
||||
flex: 1;
|
||||
max-width: 14vw;
|
||||
}
|
||||
[device="tablet"] .shortsubmission .metrics > div {
|
||||
border: none;
|
||||
display: grid;
|
||||
align-items: baseline;
|
||||
grid-template-rows: min-content 1fr;
|
||||
}
|
||||
[device="mobile"] .shortsubmission .metrics > div { display: none; }
|
||||
.shortsubmission .metrics > div > span {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
padding: var(--eicui-base-spacing-2xs) 0 0 0;
|
||||
}
|
||||
.shortsubmission .metrics > div label {
|
||||
font-size: smaller;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
[eicdialog] .shortsubmission {
|
||||
min-width: 40vw;
|
||||
}
|
||||
[eicdialog] .shortsubmission section {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
.documents .videoStage{
|
||||
background: url('/app/assets/images/videobg.png');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
min-height: 525px;
|
||||
}
|
||||
|
||||
.documents video.EmbedVideo {
|
||||
margin: 15px auto 25px auto;
|
||||
}
|
||||
|
||||
.submission.short-form .EmbedSubmissionDocument {
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
}
|
||||
Vendored
+1
-3
@@ -1,4 +1,4 @@
|
||||
@import 'eicui-glyphs-2.0.css';
|
||||
/*@import 'eicui-glyphs-2.0.css';*/
|
||||
|
||||
:root,:after,:before {
|
||||
--eicui-base-color-grey-100: #404040;
|
||||
@@ -2325,7 +2325,6 @@ menu[eicmenu] [menuitem] {
|
||||
display: flex;
|
||||
color: white !important;
|
||||
height: auto;
|
||||
text-transform: uppercase;
|
||||
transition: all .3s ease-in-out;
|
||||
text-align: left;
|
||||
flex-direction: column;
|
||||
@@ -2345,7 +2344,6 @@ menu[eicmenu] [menuitem] > a {
|
||||
border-top: 0.1rem solid #efefef;
|
||||
display: flex;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
transition: all .3s ease-in-out;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
|
||||
Vendored
+1
-1
@@ -2034,7 +2034,7 @@ class Menu extends EicComponent {
|
||||
|
||||
if(item.items) {
|
||||
|
||||
el = ui.create(`<button eicbutton rounded small class="icon-angle-up"></button>`);
|
||||
el = ui.create(`<button eicbutton rounded xsmall class="icon-angle-up"></button>`);
|
||||
el.addEventListener('click', this.toggle.bind(this));
|
||||
parent.appendChild(el);
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
Reference in New Issue
Block a user