IBM Sustainability Software - Ideas Portal
This portal is to open public enhancement requests against the products and services belonging to IBM Sustainability Software. To view all of your ideas submitted to IBM, create and manage groups of Ideas, or create an idea explicitly set to be either visible by all (public) or visible only to you and IBM (private), use the IBM Unified Ideas Portal (https://ideas.ibm.com).
Shape the future of IBM!
We invite you to shape the future of IBM, including product roadmaps, by submitting ideas that matter to you the most. Here's how it works:
Search existing ideas
Start by searching and reviewing ideas and requests to enhance a product or service. Take a look at ideas others have posted, and add a comment, vote, or subscribe to updates on them if they matter to you. If you can't find what you are looking for,
Post your ideas
Post an idea.
Get feedback from the IBM team and other customers to refine your idea.
Follow the idea through the IBM Ideas process.
Specific links you will want to bookmark for future use
Welcome to the IBM Ideas Portal (https://www.ibm.com/ideas) - Use this site to find out additional information and details about the IBM Ideas process and statuses.
IBM Unified Ideas Portal (https://ideas.ibm.com) - Use this site to view all of your ideas, create new ideas for any IBM product, or search for ideas across all of IBM.
ideasibm@us.ibm.com - Use this email to suggest enhancements to the Ideas process or request help from IBM for submitting your Ideas.
Hi Gabriel, Thank you for taking the time to provide your ideas to IBM. Your request is now a candidate for a future generally available (GA) release. Our aim is to deliver within the next 12 months. If you'd rather not wait, please see the directions in the above comment. Thank you again for your feedback.
Please note: IBM’s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM’s sole discretion. Information regarding potential future products is not a commitment, promise, or legal obligation to deliver any material, code or functionality.
Remove the lines between this rule
.form-section-header.wizardSectionHeader > img {
opacity: 0;
width: calc(100% - 32px);
position: relative;
top: 0;
left: 0;
margin: 0;
}
And this line
@media only screen and (max-width: 1312px)
copy the lines below and insert them in place of what was removed above
/* form pop-up styles */
div#childLayer {
box-shadow: rgba(0, 0, 0, 0.8) 0px 4px 8px 0px,
rgba(0, 0, 0, 0.19) 0px 6px 20px 0px !important;
min-height: 280px;
background: var(--background);
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer {
position: fixed !important;
top: 0 !important;
left: 0 !important;
min-width: 100%!important;
min-height: 100%;
background: transparent;
}
div#childLayer > #childLayerTable {
border: none !important;
position: relative;
background: transparent;
}
/* body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer > #childLayerTable::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 39px;
border: 1px solid var(--button-secondary-hover);
pointer-events: none;
box-sizing: border-box;
opacity: .6;
} */
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer > #childLayerTable::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--button-secondary-hover);
pointer-events: none;
box-sizing: border-box;
/* opacity: .6; */
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer > #childLayerTable {
border: none !important;
/* background: rgba(22, 22, 22, .5); */
background-color: transparent;
position: relative;
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer iframe[src *= "guiId"],
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer iframe[src *= "reportTemplId"]
{
height: calc(100% - 8px) !important;
width: calc(100% - 16px) !important;
margin: -3px 8px 0px 8px;
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer iframe[src*="companyFileUpload"] {
width: 640px !important;
height: 270px !important;
top: calc(50vh - 165px) !important;
left: calc(50vw - 320px) !important;
box-shadow: 0 5px 25px 0 rgb(0 0 0 / 50%), 0 5px 15px 0 rgba(0, 0, 0, .35);
position: fixed;
}
td:has(> iframe[src *= "contentImport.jsp"]) {
display: flex;
}
iframe[src *= "contentImport.jsp"] {
position: absolute;
top: 40px;
max-height: calc(100% - 40px);
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) td:has(> iframe[src *= "contentImport.jsp"]) {
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
padding-top: clamp(8px, 256px, 26vh);
justify-content: space-around;
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer iframe[src *= "contentImport"] {
box-shadow: 0 5px 25px 0 rgb(0 0 0 / 50%), 0 5px 15px 0 rgb(0 0 0 / 35%);
height: clamp(10vh, 320px, 48vh) !important;
max-width: 48%;
visibility: visible !important;
display: flex !important;
margin-left: auto;
margin-right: auto;
container-type: inline-size;
position: static;
}
div#childLayer iframe[src *="RepBuilder.jsp"] {
background-color: white;
margin-top: 7px;
}
div#childLayer:has(iframe[src *= "contentImport"]) a#childLayerCloseX::after,
div#childLayer:has(iframe[src *= "companyFileUpload"]) a#childLayerCloseX::after
{
color: var(--text-primary);
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer:has(iframe[src *= "contentImport"]) a#childLayerCloseX::after,
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer:has(iframe[src *= "companyFileUpload"]) a#childLayerCloseX::after
{
color: var(--text-on-color);
}
div#childLayer:has(iframe[src *= "guiId"]) .wizardSectionHeader,
div#childLayer:has(iframe[src *= "RepBuilder.jsp"]) .wizardSectionHeader
{
background-color: var(--background-inverse);
height: 40px;
}
div#childLayer:has(iframe[src *= "RepBuilder.jsp"]) .wizardSectionHeader {
margin: 0;
width: calc(100% - 16px);
}
div#childLayer:has(iframe[src *= "guiId"]) .wizardSectionHeader::after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 40px;
box-sizing: border-box;
border-bottom: 1px solid var(--border-strong-01);
}
div#childLayer:has(iframe[src *= "guiId"]) .wizardSectionHeader a#childLayerCloseX {
color: var(--text-on-color) !important;
}
/* body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer:has(iframe[src *= "guiId"]) .wizardSectionHeader a#childLayerCloseX {
color: var(--text-on-color) !important;
} */
div#childLayer .wizardSectionHeader {
width: calc(100%);
display: inline-block;
position: relative;
margin: 0;
height: 40px;
box-sizing: border-box;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader {
display: inline-block !important;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader::before {
content: url("data:image/svg+xml,%3Csvg focusable='false' preserveAspectRatio='xMidYMid meet' fill='currentColor' width='20' height='20' viewBox='0 0 32 32' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6H14V10H10zM18 6H22V10H18zM10 14H14V18H10zM18 14H22V18H18zM10 22H14V26H10zM18 22H22V26H18z'%3E%3C/path%3E%3Ctitle%3EDraggable%3C/title%3E%3C/svg%3E");
display: flex;
box-sizing: border-box;
height: 40px;
width: 40px;
align-items: center;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "reportTemplId"])::before {
content: url("data:image/svg+xml,%3Csvg focusable='false' preserveAspectRatio='xMidYMid meet' fill='white' width='20' height='20' viewBox='0 0 32 32' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6H14V10H10zM18 6H22V10H18zM10 14H14V18H10zM18 14H22V18H18zM10 22H14V26H10zM18 22H22V26H18z'%3E%3C/path%3E%3Ctitle%3EDraggable%3C/title%3E%3C/svg%3E");
display: flex;
box-sizing: border-box;
height: 40px;
width: 40px;
align-items: center;
justify-content: space-around;
position: absolute;
top: 0;
left: 0;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "reportTemplId"])::before {
content: url("data:image/svg+xml,%3Csvg focusable='false' preserveAspectRatio='xMidYMid meet' fill='white' width='20' height='20' viewBox='0 0 32 32' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6H14V10H10zM18 6H22V10H18zM10 14H14V18H10zM18 14H22V18H18zM10 22H14V26H10zM18 22H22V26H18z'%3E%3C/path%3E%3Ctitle%3EDraggable%3C/title%3E%3C/svg%3E");
display: flex;
box-sizing: border-box;
height: 40px;
width: 40px;
align-items: center;
justify-content: space-around;
position: absolute;
top: 0;
left: 0;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) #childLayer:has(iframe[src *= "reportTemplId"][style *= "display: none"])::before {
content: '';
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
height: 40px;
width: 100%;
align-items: center;
margin-top: -1px;
background-color: var(--button-secondary-hover);
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer .wizardSectionHeader {
width: calc(100% - 32px);
display: inline-block;
position: relative;
margin: 0 8px;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "reportTemplId"]) {
position: absolute;
width: clamp(88px, 100% - 280px, 100%);
cursor: move;
top: 0;
left: 0;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "reportTemplId"]) a#childLayerCloseX {
display: none;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "guiId"]) {
position: absolute;
width: 40px;
height: 80px;
cursor: move;
top: 0;
left: 0;
display: flex !important;
flex-direction: column-reverse;
background-color: transparent;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "guiId"]):before {
position: absolute;
justify-content: space-around;
left: 0;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "guiId"]):after {
content: unset;
}
body.wizardBodyBackground[style *= "overflow: auto hidden"]:has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "guiId"]) a {
color: var(--text-primary) !important;
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "guiId"]) {
position: absolute;
width: 40px;
height: 40px;
cursor: unset;
top: 0;
left: 0;
display: flex !important;
flex-direction: column-reverse;
background-color: transparent;
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "guiId"]):before {
position: absolute;
justify-content: space-around;
left: 0;
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "guiId"]):after {
content: unset;
}
body.wizardBodyBackground:not([style *= "overflow: auto hidden"]):has(> #form1) div#childLayer .wizardSectionHeader:has(~ tr iframe[src *= "guiId"]) a {
color: var(--text-primary) !important;
}
a#childLayerCloseX > span {
opacity: 0;
position: absolute;
}
a#childLayerCloseX {
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-around;
position: absolute;
z-index: 2;
top: 0;
right: 0;
overflow: hidden;
width: 40px;
height: 40px;
box-sizing: border-box;
background-color: transparent;
cursor: pointer;
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
a#childLayerCloseX::after {
content: '✕';
color: inherit;
font-size: 12px;
}
#contentFrame {
height: 100% !important;
}