It doesn’t look like the fix helped.
The following selectors are still being stripped out. I did not understand how
the commit depends on namespaces. We should keep *all* selectors for generic
HTML. The way that’s currently declared is by using the “http :// www .w3
.org/1999/xhtml” namespace.
.tabs > li {
transition-duration: .1s;
display: table-cell;
list-style: none;
text-align: center;
/* padding: 0px 20px 25px 20px; */
position: relative;
overflow: hidden;
cursor: pointer;
color: white;
z-index: 1;
}
.tabs > li:before {
z-index: -1;
position: absolute;
content: "";
width: 100%;
height: 120%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.3);
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition-duration: .1s;
border-radius: 5px 5px 0 0;
}
.tabs > li:hover:before {
-webkit-transform: translateY(70%);
transform: translateY(70%);
}
.tabs > li.active {
color:#000000;
/* color: #50555a; */
}
.tabs > li.active:before {
transition-duration: .1s;
background-color: #f3f3f3;
z-index: -1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.tab__content > li {
width: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
list-style: none;
}
.tab__content > li .content__wrapper {
/*text-align: left;*/
border-radius: 5px;
width: calc(100% - 10px);
/* padding: 45px 40px 40px 40px; */
padding-left: 10px;
/* background-color: white; */
}
.tab__content > li {
width: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
list-style: none;
}
> On Jun 5, 2018, at 7:56 PM, Alex Harui <[email protected]> wrote:
>
> Good catch. I pushed a fix that will fix that and hopefully not drag other
> selectors back in.
>
> -Alex
>
> On 6/4/18, 9:48 PM, "Harbs" <[email protected]> wrote:
>
> Thanks.
>
> I just observed a new problem. I have not pulled in your changes, so I
> don’t know if it’s fixed, but it used to work correctly.
>
> Much of the following css is now being stripped out.
>
> CSS in the
> https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml&data=02%7C01%7Caharui%40adobe.com%7C55c9d1dca2fd4f9c04f408d5ca9f8cb3%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636637708993352897&sdata=EzUPmX2Ht%2FN4b3ubGVZhGoMkeEQqtFHXIJhF%2FZgjCFQ%3D&reserved=0
>
> <https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml&data=02%7C01%7Caharui%40adobe.com%7C55c9d1dca2fd4f9c04f408d5ca9f8cb3%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636637708993352897&sdata=EzUPmX2Ht%2FN4b3ubGVZhGoMkeEQqtFHXIJhF%2FZgjCFQ%3D&reserved=0>
> namespace should always be left in.
>
> @namespace
> "https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml&data=02%7C01%7Caharui%40adobe.com%7C55c9d1dca2fd4f9c04f408d5ca9f8cb3%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636637708993352897&sdata=EzUPmX2Ht%2FN4b3ubGVZhGoMkeEQqtFHXIJhF%2FZgjCFQ%3D&reserved=0";;
> .printui_app .PUITabContainer .tabs {
> display: table;
> table-layout: fixed;
> width: 100%;
> transform: translateY(5px);
> padding-left:0px;
> background-color: #4d4d4d;
> margin-top:0px;
> }
> .tabs > li {
> transition-duration: .1s;
> display: table-cell;
> list-style: none;
> text-align: center;
> /* padding: 0px 20px 25px 20px; */
> position: relative;
> overflow: hidden;
> cursor: pointer;
> color: white;
> z-index: 1;
> }
> .tabs > li:before {
> z-index: -1;
> position: absolute;
> content: "";
> width: 100%;
> height: 120%;
> top: 0;
> left: 0;
> background-color: rgba(255, 255, 255, 0.3);
> -webkit-transform: translateY(100%);
> transform: translateY(100%);
> transition-duration: .1s;
> border-radius: 5px 5px 0 0;
> }
> .tabs > li:hover:before {
> -webkit-transform: translateY(70%);
> transform: translateY(70%);
> }
> .tabs > li.active {
> color:#000000;
> /* color: #50555a; */
> }
> .tabs > li.active:before {
> transition-duration: .1s;
> background-color: #f3f3f3;
> z-index: -1;
> -webkit-transform: translateY(0);
> transform: translateY(0);
> }
>
> .tab__content {
> /* background-color: white; */
> position: relative;
> width: 100%;
> border-radius: 5px;
> padding-left: 0px;
> }
> .tab__content > li {
> width: 100%;
> position: absolute;
> top: 0;
> left: 0;
> display: none;
> list-style: none;
> }
> .tab__content > li .content__wrapper {
> /*text-align: left;*/
> border-radius: 5px;
> width: calc(100% - 10px);
> /* padding: 45px 40px 40px 40px; */
> padding-left: 10px;
> /* background-color: white; */
> }
>> On Jun 4, 2018, at 8:22 PM, Alex Harui <[email protected]> wrote:
>>
>> I pushed a change that should fix that.
>>
>> On 6/4/18, 1:40 AM, "Harbs" <[email protected]> wrote:
>>
>> The following CSS:
>>
>> TitleBar CloseButton
>> {
>> width: 16px;
>> height: 16px;
>> margin: 0px;
>> }
>>
>> is output as:
>>
>> .TitleBar CloseButton {
>> margin: 0px;
>> width: 16px;
>> height: 16px;
>> }
>>
>> Instead of:
>>
>> .TitleBar .CloseButton {
>> margin: 0px;
>> width: 16px;
>> height: 16px;
>> }
>>
>> I think this is a bug.
>>
>> Harbs
>>
>>
>
>
>
