/
component.css
23 lines (22 loc) · 1.96 KB
/
component.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
.ui-formtab-modal { position: fixed; min-width: 200px; background-color: #FFF; margin-left: 8px; text-align: left; border: 1px solid #D0D0D0; z-index: 100; bottom: 0; right: 0; overflow: hidden; border-radius: var(--radius) var(--radius) 0 0; }
.ui-formtab-body { display: none; }
.ui-formtab-open { box-shadow: 0 0 20px rgba(0,0,0,0.05); }
.ui-formtab-open .ui-formtab-body { display: block; }
.ui-formtab-open .ui-formtab-title .ti-expand-arrows-alt { display: block; }
.ui-formtab-open .ui-formtab-title { width: 100%; }
.ui-formtab-maximized { z-index: 102; margin: 0; right: auto; bottom: auto; }
.ui-formtab-title .ti-expand-arrows-alt { display: none; }
.ui-formtab-open .ui-formtab-title .ti-times { color: red !important; }
.ui-formtab-title { height: 30px; line-height: 30px; background-color: #F0F0F0; padding: 0 5px; width: 200px; border-radius: var(--radius) var(--radius) 0 0; color: gray; }
.ui-formtab-title:hover { background-color: #F4F4F4; }
.ui-formtab-title i { float: right; width: 24px; height: 24px; line-height: 24px; text-align: center; cursor: pointer; margin: 3px 0 0; border-radius: var(--radius); font-size: 12px; color: gray; }
.ui-formtab-title i:hover { background-color: rgba(0,0,0,0.1); color: #000; }
.ui-formtab-title label { margin-right: 65px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 3px; cursor: pointer; font-size: 11px; }
.ui-formtab-open .ui-formtab-title label { font-size: 13px; }
.ui-formtab-layer { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(255,255,255,0.6); z-index: 101; display: none; }
.ui-formtab-ismaximized .ui-formtab-layer { display: block; }
.ui-dark .ui-formtab-modal { background-color: #252525; border-color: #404040; }
.ui-dark .ui-formtab-title { background-color: #404040; }
.ui-dark .ui-formtab-title:hover { background-color: #444444; }
.ui-dark .ui-formtab-title i:hover { color: #FFF; }
.ui-dark .ui-formtab-layer { background-color: rgba(0,0,0,0.6); }