dmitry_k
/
compendium-browser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Update compendium-browser.css

2.0
Matheus Clemente 2023-11-08 18:11:54 -03:00
parent 100dafc735
commit a04f8853b9
1 changed files with 96 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

134
compendium-browser.css
View File

@ -1,15 +1,13 @@
#compendium .directory-footer .compendium-browser-btn {
margin-top: 5px;
}
#compendium .directory-footer { #compendium .directory-footer {
display: block; display: block;
} }
#compendium .directory-footer .compendium-browser-btn {
margin-top: 5px;
}
.compendium-browser { .compendium-browser {
overflow-y: hidden !important; overflow-y: hidden !important;
max-width: 1100px; max-width: 1100px;
max-height: 90vh; max-height: 90vh;
}
.compendium-browser {
min-width: 630px; min-width: 630px;
min-height: 500px; min-height: 500px;
} }
@ -23,7 +21,7 @@
} }
.compendium-browser .window-content .parent .content { .compendium-browser .window-content .parent .content {
overflow-y: hidden !important; overflow-y: hidden !important;
height: calc(100% - 2em); height: calc(98%);
} }
.compendium-browser .window-content .parent .content .tab { .compendium-browser .window-content .parent .content .tab {
overflow-y: hidden !important; overflow-y: hidden !important;
@ -47,7 +45,7 @@
border-bottom: 1px solid var(--color-border-light-primary); border-bottom: 1px solid var(--color-border-light-primary);
} }
.compendium-browser .tabContainer { .compendium-browser .tabContainer {
height: calc(100% - 2em); height: calc(98%);
} }
.compendium-browser .tabContainer .tab { .compendium-browser .tabContainer .tab {
width: 100%; width: 100%;
@ -64,19 +62,6 @@
padding-right: 5px; padding-right: 5px;
overflow: auto; overflow: auto;
} }
.compendium-browser .list-area {
position: sticky;
display: flex;
min-width: 250px;
max-width: 55%;
width: 400px;
height: 100%;
padding-right: 5px;
}
.compendium-browser .list-area .loading {
flex: 0;
text-align: center;
}
.compendium-browser .control-area button { .compendium-browser .control-area button {
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
border: 1px solid #bbb; border: 1px solid #bbb;
@ -94,7 +79,9 @@
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
} }
.compendium-browser .control-area .filtercontainer dl, .compendium-browser .control-area .filtercontainer dl {
margin: 5px 0;
}
.compendium-browser .control-area .filtercontainer div { .compendium-browser .control-area .filtercontainer div {
margin: 5px 0; margin: 5px 0;
} }
@ -125,7 +112,7 @@
vertical-align: middle; vertical-align: middle;
} }
.compendium-browser .control-area .filtercontainer .small-input { .compendium-browser .control-area .filtercontainer .small-input {
width: calc(100% - 44px); width: calc(56%);
height: 27px; height: 27px;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
border: 1px solid #444; border: 1px solid #444;
@ -136,6 +123,19 @@
.compendium-browser .control-area .filtercontainer .small-select { .compendium-browser .control-area .filtercontainer .small-select {
width: 40px; width: 40px;
} }
.compendium-browser .list-area {
position: sticky;
display: flex;
min-width: 250px;
max-width: 55%;
width: 400px;
height: 100%;
padding-right: 5px;
}
.compendium-browser .list-area .loading {
flex: 0;
text-align: center;
}
.compendium-browser .browser { .compendium-browser .browser {
height: 100%; height: 100%;
overflow-y: hidden !important; overflow-y: hidden !important;
@ -162,6 +162,16 @@
.compendium-browser .browser ul li .spell-tags span.negative { .compendium-browser .browser ul li .spell-tags span.negative {
color: #bbb; color: #bbb;
} }
.compendium-browser .browser ul li .item-name span {
white-space: break-spaces;
height: inherit;
display: block;
}
.compendium-browser .browser ul li .feat-tags span {
white-space: break-spaces;
height: inherit;
display: block;
}
.compendium-browser .browser .spacer { .compendium-browser .browser .spacer {
display: inline-block; display: inline-block;
min-width: 5px; min-width: 5px;
@ -170,8 +180,64 @@
display: inline-block; display: inline-block;
min-width: 15px; min-width: 15px;
} }
.compendium-browser .item-browser li, .compendium-browser .item-browser li {
.compendium-browser .feat-browser li, cursor: default;
vertical-align: middle;
line-height: 16px;
margin: 2px 0;
height: 32px;
}
.compendium-browser .item-browser li .item-image {
max-width: 32px;
height: 32px;
}
.compendium-browser .item-browser li .item-name {
padding-left: 5px;
flex: 2;
}
.compendium-browser .item-browser li .feat-tags {
text-align: right;
margin-right: 3px;
margin-left: 3px;
text-transform: capitalize;
height: 32px;
}
.compendium-browser .item-browser li .item-tags {
text-align: right;
margin-right: 3px;
margin-left: 3px;
text-transform: capitalize;
height: 32px;
}
.compendium-browser .feat-browser li {
cursor: default;
vertical-align: middle;
line-height: 16px;
margin: 2px 0;
height: 32px;
}
.compendium-browser .feat-browser li .item-image {
max-width: 32px;
height: 32px;
}
.compendium-browser .feat-browser li .item-name {
padding-left: 5px;
flex: 2;
}
.compendium-browser .feat-browser li .feat-tags {
text-align: right;
margin-right: 3px;
margin-left: 3px;
text-transform: capitalize;
height: 32px;
}
.compendium-browser .feat-browser li .item-tags {
text-align: right;
margin-right: 3px;
margin-left: 3px;
text-transform: capitalize;
height: 32px;
}
.compendium-browser .spell-browser li { .compendium-browser .spell-browser li {
cursor: default; cursor: default;
vertical-align: middle; vertical-align: middle;
@ -179,29 +245,21 @@
margin: 2px 0; margin: 2px 0;
height: 32px; height: 32px;
} }
.compendium-browser .item-browser li .item-image,
.compendium-browser .feat-browser li .item-image,
.compendium-browser .spell-browser li .item-image { .compendium-browser .spell-browser li .item-image {
max-width: 32px; max-width: 32px;
height: 32px; height: 32px;
} }
.compendium-browser .item-browser li .item-name,
.compendium-browser .feat-browser li .item-name,
.compendium-browser .spell-browser li .item-name { .compendium-browser .spell-browser li .item-name {
padding-left: 5px; padding-left: 5px;
flex: 2; flex: 2;
} }
.compendium-browser .browser ul li .item-name span, .compendium-browser .spell-browser li .feat-tags {
.compendium-browser .browser ul li .feat-tags span { text-align: right;
white-space: break-spaces; margin-right: 3px;
height: inherit; margin-left: 3px;
display: block; text-transform: capitalize;
height: 32px;
} }
.compendium-browser .item-browser li .feat-tags,
.compendium-browser .feat-browser li .feat-tags,
.compendium-browser .spell-browser li .feat-tags,
.compendium-browser .item-browser li .item-tags,
.compendium-browser .feat-browser li .item-tags,
.compendium-browser .spell-browser li .item-tags { .compendium-browser .spell-browser li .item-tags {
text-align: right; text-align: right;
margin-right: 3px; margin-right: 3px;