This commit is contained in:
Mirco Wittrien 2019-11-07 16:08:13 +01:00
parent ff26870b17
commit 60f2a782ba
3 changed files with 34 additions and 19 deletions

View File

@ -3432,7 +3432,7 @@ var BDFDB = {
type: LibraryComponents.TabBar.Types.TOP,
items: tabbaritems,
onItemSelect: (value, instance) => {
let modal = BDFDB.DOMUtils.getParent(".BDFDB-modal", BDFDB.ReactUtils.findDOMNode(instance));
let modal = BDFDB.DOMUtils.getParent(BDFDB.dotCN.modalwrapper, BDFDB.ReactUtils.findDOMNode(instance));
if (modal) for (let tabcontent of modal.querySelectorAll(BDFDB.dotCN.modaltabcontent)) {
let tabcontentinstance = BDFDB.ReactUtils.getValue(tabcontent, "return.return.stateNode");
if (tabcontentinstance) {
@ -3482,7 +3482,7 @@ var BDFDB = {
return BDFDB.ReactUtils.createElement(class BDFDBModal extends LibraryModules.React.Component {
render () {
return BDFDB.ReactUtils.createElement(LibraryComponents.ModalComponents.ModalRoot, {
className: BDFDB.DOMUtils.formatClassName(`BDFDB-modal`, name && `${name}-modal`, config.selector),
className: BDFDB.DOMUtils.formatClassName(name && `${name}-modal`, BDFDB.disCN.modalwrapper, config.selector),
size: size || LibraryComponents.ModalComponents.ModalSize.SMALL,
transitionState: props.transitionState,
children: [
@ -3524,7 +3524,7 @@ var BDFDB = {
}
componentDidMount () {
modal = BDFDB.ReactUtils.findDOMNode(this);
modal = modal && modal.parentElement ? modal.parentElement.querySelector(".BDFDB-modal") : null;
modal = modal && modal.parentElement ? modal.parentElement.querySelector(BDFDB.dotCN.modalwrapper) : null;
if (modal && props.transitionState == 2 && props.transitionState > oldTransitionState) config.onOpen(modal, this);
oldTransitionState = props.transitionState;
}
@ -3981,6 +3981,7 @@ var BDFDB = {
inputNumberWrapper: "numberInputWrapper-j4svZS",
inputNumberWrapperDefault: "numberInputWrapperDefault-gRxcuK numberInputWrapper-j4svZS",
inputNumberWrapperMini: "numberInputWrapperMini-wtUU31 numberInputWrapper-j4svZS",
modalWrapper: "modal-6GHvdM",
overflowEllipsis: "ellipsis-qlo9sA",
popoutWrapper: "popout-xwjvsX",
quickSelectWrapper: "quickSelectWrapper-UCfTKz",
@ -5132,6 +5133,7 @@ var BDFDB = {
modalsubinner: ["Modal", "inner"],
modaltabcontent: ["BDFDB", "modalTabContent"],
modaltabcontentopen: ["BDFDB", "modalTabContentOpen"],
modalwrapper: ["BDFDB", "modalWrapper"],
modedefault: ["FormText", "modeDefault"],
modedisabled: ["FormText", "modeDisabled"],
modeselectable: ["FormText", "modeSelectable"],
@ -7375,6 +7377,19 @@ var BDFDB = {
color: var(--interactive-active);
}
${BDFDB.dotCNS.modalwrapper + BDFDB.dotCN.modalheader + BDFDB.dotCN.modalheaderhassibling} {
padding-bottom: 10px;
}
${BDFDB.dotCNS.modalwrapper + BDFDB.dotCN.tabbarcontainer} {
background: rgba(0, 0, 0, 0.1);
border: none !important;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}
${BDFDB.dotCNS.themedark + BDFDB.dotCNS.modalwrapper + BDFDB.dotCN.tabbarcontainer} {
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
${BDFDB.dotCNS.themedark + BDFDB.dotCNS.popoutwrapper + BDFDB.dotCN.popoutthemedpopout} {
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,20%);
background-color: #2f3136;
@ -7399,6 +7414,19 @@ var BDFDB = {
${BDFDB.dotCNS.messagegroup + BDFDB.dotCNS.messageheadercompact + BDFDB.dotCN.messageusername} {
text-indent: 0px;
}
.BDFDB-modal ${BDFDB.dotCN.modalheader + BDFDB.dotCN.modalheaderhassibling} {
padding-bottom: 10px;
}
.BDFDB-modal ${BDFDB.dotCN.tabbarcontainer} {
background: rgba(0, 0, 0, 0.1);
border: none !important;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}
${BDFDB.dotCN.themedark} .BDFDB-modal ${BDFDB.dotCN.tabbarcontainer} {
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
#bd-settingspane-container .ui-form-title {
display: inline-block;
@ -8061,18 +8089,6 @@ var BDFDB = {
cursor: no-drop;
background-color: rgba(0, 0, 0, 0.5);
}
.BDFDB-modal ${BDFDB.dotCN.modalheader + BDFDB.dotCN.modalheaderhassibling} {
padding-bottom: 10px;
}
.BDFDB-modal ${BDFDB.dotCN.tabbarcontainer} {
background: rgba(0, 0, 0, 0.1);
border: none !important;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}
${BDFDB.dotCN.themedark} .BDFDB-modal ${BDFDB.dotCN.tabbarcontainer} {
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
/* REMOVE */
.BDFDB-modal ${BDFDB.dotCN.modaltabcontent + BDFDB.dotCN.modaltabcontentopen} {
display: flex;

File diff suppressed because one or more lines are too long

View File

@ -2557,7 +2557,7 @@ body:before {
.tabBarContainer-1s1u-z { /* modal tabbarcontainer */
border-top-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .BDFDB-modal .tabBarContainer-1s1u-z {
#app-mount .modal-6GHvdM .tabBarContainer-1s1u-z {
background: rgba(var(--vtransparencycolor), 0.2);
box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
}
@ -5167,8 +5167,7 @@ img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus
/* ~~~~ 17. BDSUPPORT ~~~~ */
.BDFDB-modal .BDFDB-containerarrow,
.BDFDB-settings .BDFDB-containerarrow {
.arrow-uglXxc {
-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTUwIDUzMiAxOCAxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTUwIDUzMiAxOCAxODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS05MzIsNTMydjE4aC0xOHYtMThILTkzMnoiLz4NCjxwb2x5bGluZSBjbGFzcz0ic3QxIiBwb2ludHM9Ii05MzYuNiw1MzguOCAtOTQxLDU0My4yIC05NDUuNCw1MzguOCAiLz4NCjwvc3ZnPg0K);
background: rgb(var(--fontwhite1));
}