diff --git a/resources/todomvc/architecture-examples/angular-complex/dist/big-dom-generator.css b/resources/todomvc/architecture-examples/angular-complex/dist/big-dom-generator.css index 257f94ca6..dfa688280 100644 --- a/resources/todomvc/architecture-examples/angular-complex/dist/big-dom-generator.css +++ b/resources/todomvc/architecture-examples/angular-complex/dist/big-dom-generator.css @@ -930,4 +930,4 @@ Unless required by applicable law or agreed to in writing, software distributed the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. -*/.spectrum-Steplist{--spectrum-steplist-step-width:80px;--spectrum-steplist-marker-diameter:8px;--spectrum-steplist-marker-hitArea:20px;--spectrum-steplist-segment-height:2px;--spectrum-steplist-topPadding:22px;--spectrum-steplist-small-topPadding:11px;--spectrum-steplist-sidePadding:60px;--spectrum-steplist-label-labelOffset:10px;--spectrum-steplist-label-text-size:12px}[dir=ltr] .spectrum-Steplist{padding-left:var(--spectrum-steplist-sidePadding)}[dir=ltr] .spectrum-Steplist{padding-right:var(--spectrum-steplist-sidePadding)}.spectrum-Steplist{display:block;font-size:0;line-height:16px;margin:0;padding-top:var(--spectrum-steplist-topPadding);position:relative;text-align:center;vertical-align:top;white-space:nowrap;z-index:0}[dir=ltr] .spectrum-Steplist-item{padding-left:0;padding-right:calc(var(--spectrum-steplist-step-width)/2)}.spectrum-Steplist-item{box-sizing:content-box;display:inline-block;margin:0;outline:none;padding-bottom:0;padding-top:0;position:relative;vertical-align:bottom;width:var(--spectrum-steplist-step-width)}.spectrum-Steplist-item.is-complete .spectrum-Steplist-marker{border:none}.spectrum-Steplist-item.is-complete+.spectrum-Steplist-item .spectrum-Steplist-segment{border-bottom-style:solid;border-bottom-width:var(--spectrum-steplist-segment-height)}.spectrum-Steplist-item.is-selected :focus,.spectrum-Steplist-item.is-selected:focus{outline:none}.spectrum-Steplist-item.is-selected .spectrum-Steplist-marker{border:none}[dir=ltr] .spectrum-Steplist-label{left:50%}.spectrum-Steplist-label{bottom:var(--spectrum-steplist-label-labelOffset);display:block;font-size:var(--spectrum-steplist-label-text-size);position:absolute;transform:translateX(-50%);white-space:normal;width:calc(var(--spectrum-steplist-step-width)*1.5)}[dir=ltr] .spectrum-Steplist-markerContainer{left:50%}[dir=ltr] .spectrum-Steplist-markerContainer{margin-left:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}.spectrum-Steplist-markerContainer{bottom:-10px;display:block;height:var(--spectrum-steplist-marker-hitArea);position:absolute;width:var(--spectrum-steplist-marker-hitArea);z-index:2}[dir=ltr] .spectrum-Steplist-marker{left:50%}[dir=ltr] .spectrum-Steplist-marker{margin-left:calc(var(--spectrum-steplist-marker-diameter)*-1/2)}.spectrum-Steplist-marker{background:transparent;border:2px solid transparent;border-radius:var(--spectrum-steplist-marker-diameter);box-sizing:border-box;display:block;height:var(--spectrum-steplist-marker-diameter);margin-top:calc(var(--spectrum-steplist-marker-diameter)*-1/2);position:absolute;top:50%;width:var(--spectrum-steplist-marker-diameter)}[dir=ltr] .spectrum-Steplist-segment{right:calc(var(--spectrum-steplist-step-width) - var(--spectrum-steplist-marker-diameter)*1.5)}.spectrum-Steplist-segment{border-bottom-style:dashed;border-bottom-width:var(--spectrum-steplist-segment-height);bottom:calc(var(--spectrum-steplist-segment-height)*-1/2);box-sizing:content-box;display:block;position:absolute;width:calc(var(--spectrum-steplist-step-width)*1.5 - var(--spectrum-steplist-marker-diameter)*2);z-index:1}[dir=ltr] .spectrum-Steplist-item:first-child .spectrum-Steplist-markerContainer{left:0}[dir=ltr] .spectrum-Steplist-item:first-child .spectrum-Steplist-label{left:0}.spectrum-Steplist-item:first-child .spectrum-Steplist-segment{display:none}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-label{left:auto}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-label{right:0}.spectrum-Steplist-item:last-child .spectrum-Steplist-label{transform:translateX(50%)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{left:auto}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{right:0}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{margin-left:0}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{margin-right:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment{right:var(--spectrum-steplist-marker-diameter)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment{left:auto}.spectrum-Steplist-item:first-child,.spectrum-Steplist-item:last-child{width:calc(var(--spectrum-steplist-step-width)/2 - var(--spectrum-steplist-marker-diameter)*2.5)}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-label{left:50%}.spectrum-Steplist-item:only-child .spectrum-Steplist-label{transform:translate(-50%)}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{left:50%}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{margin-right:0}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{margin-left:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}.spectrum-Steplist .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-600)}.spectrum-Steplist .spectrum-Steplist-marker{border-color:var(--spectrum-global-color-gray-300)}.spectrum-Steplist .spectrum-Steplist-segment{border-bottom-color:var(--spectrum-global-color-gray-300)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-700)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-marker{background-color:var(--spectrum-global-color-gray-600)}.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-marker{background-color:var(--spectrum-global-color-gray-800)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-segment,.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-segment{border-bottom-color:var(--spectrum-global-color-gray-600)}.spectrum-Popover.is-open{z-index:2}.spectrum-Popover--bottom{left:0}.spectrum-Popover--bottom-right{right:0}.spectrum-TreeView-item,.spectrum-TreeView-itemLink{overflow:visible}[dir=ltr] .spectrum-TreeView-itemIndicator{margin-left:calc(var(--spectrum-treeview-item-affordance-size)*-1)}.spectrum-DatePicker-textfield{--spectrum-textfield-border-color:#000;--spectrum-textfield-border-width:1px;display:flex;max-width:158px}.spectrum-Stepper{--mod-actionbutton-icon-size:10px;min-width:100px}.ribbon .spectrum-Stepper>.spectrum-Textfield{--spectrum-textfield-border-color:#000;--spectrum-textfield-border-width:1px;min-width:30px}body{max-width:800px}.main-ui{display:grid;grid-template-columns:3% 22% 75%;grid-template-rows:50px 50px minmax(0,100%);height:100vh}.top-bar{align-items:center;display:inline-flex;grid-column-end:4;grid-column-start:2;grid-row-end:2;grid-row-start:1;justify-content:space-between;max-height:50px;padding:5px}.context-help-popover-body{max-width:150px;padding:10px;top:30px}.profile-card-popover{padding:5px;top:30px;width:150px}.todo-area{grid-column-end:4;grid-column-start:3;grid-row-end:4;grid-row-start:3}.ribbon{align-items:center;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:grid;gap:5px;grid-auto-flow:column;grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;margin:5px 3px;max-height:40px;padding:5px}.ribbon-divider{height:75%}.date-picker-popover{left:0;position:absolute;top:100%;width:280px}.filter-input{max-width:150px}.tree-area{background-color:#fff;grid-column-end:3;grid-column-start:1;grid-row-end:4;grid-row-start:3;overflow-y:scroll;padding-left:5px}.task-list-icon{padding-left:14px}.show-more{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:start}.show-more>div>ul li:hover{border-color:#db7676}.analytics-group [data-status="1"]>:last-child>div{background-color:#ff4500}.analytics-group [data-status="2"]>:last-child>div{background-color:orange}.analytics-group [data-status="3"]>:last-child>div{background-color:#adff2f}.analytics-group [data-status="4"]>:last-child>div{background-color:green}.analytics-group>div>*>div>*{width:200px}.filter-group>div>div>:first-child>*{max-width:150px}.filter-group>div>div>:first-child label{padding-bottom:1px;padding-top:1px}.filter-group .spectrum-Stepper>label{align-self:center;margin-left:3px;margin-right:3px}.filter-group .spectrum-TagGroup>div{padding-right:6px}.filter-group>div>div>:last-child{direction:column;display:flex;justify-content:flex-end}.filter-group .spectrum-Stepper>span>button{padding-left:3px}.filter-group .spectrum-Tag>*{display:inline;white-space:nowrap}.top-bar-buttons{position:relative}.top-bar-buttons>div>div>ul li:hover{border-color:#db7676}.notifications-group>div>*{gap:3px}.notifications-group ul{list-style-type:none;margin-bottom:0;margin-top:0;padding-inline-start:0}.notifications-group .notifications-list>li{border-left:3px solid #adff2f;margin-bottom:4px;padding-left:0}.notifications-group .notifications-list>li[data-priority="0"]{border-left-color:red}.notifications-group .notifications-list>li[data-priority="1"]{border-left-color:#ff0}.notifications-group .notifications-list li>div>:nth-child(2){margin-left:4px}.notifications-group .notifications-list>li>div>label{display:inline;padding-left:4px;padding-right:4px;white-space:nowrap}.notifications-group .notifications-list>li>div>:last-child{font-size:8px}.notifications-group .notifications-list>li div{align-items:center;display:grid;grid-template-columns:10% 50% 40%;grid-template-rows:1fr;justify-items:start}.notifications-group .notifications-list>li div :first-child{grid-column-end:2;grid-column-start:1}.notifications-group>div>:first-child>div{display:flex;justify-content:space-around;margin-bottom:5px}.notifications-group .notification-tabs>.is-active{border-bottom:2px solid #b83f45}.notifications-group>div>div>button{font-size:10px;margin-left:2px;width:96px}.notifications-group>div>div>button:hover{color:#b83f45}.notifications-group .notifications-list .completed>div>input:checked~label{color:#b83f45;text-decoration:line-through}.notifications-list>li:hover{background-color:#d3d3d3;opacity:1}.reminder-group>div{display:flex;flex-direction:column;padding:5px}.reminder-group .high-priority:hover>:checked~label,.reminder-group .high-priority>:checked~label{color:red}.reminder-group [type=text]input{width:auto}.reminder-group>div>*>:nth-child(3)>div,.reminder-group>div>*>:nth-child(4)>div{grid-template-columns:20% 80%;grid-template-rows:1fr}.reminder-group .is-invalid~* button{visibility:hidden}.backlog-group>div>ul{list-style-type:none;margin:0;padding:0}.backlog-group li>div{display:grid;grid-template-columns:1fr 2fr 1fr 2fr;grid-template-rows:1fr}.backlog-group li>div>label{display:inline;white-space:nowrap}.backlog-group li>div>:last-child{grid-column-end:5;grid-column-start:4;justify-self:end;line-height:var(--spectrum-checkbox-line-height);margin-block-start:var(--spectrum-checkbox-top-to-text);margin-inline-start:var(--spectrum-checkbox-text-to-control)}.backlog-group li>div>:first-child,.backlog-group li>div>:nth-child(2){grid-column-end:2;grid-column-start:1}.backlog-group li>div>:nth-child(3){grid-column-end:3;grid-column-start:2}.backlog-group li>div>:checked~label{text-decoration:line-through}.backlog-group li :checked~div>*{color:#fff}.backlog-group li :last-child button{background-color:#fff;border-color:#000;border-width:1px}.timeline-group>div{display:flex;flex-direction:column;padding:5px}.timeline-group>.spectrum-Popover--bottom-right.is-open{margin-top:-25px;transform:scale(.8) translateX(200px)}.timeline-group ul{list-style-type:none;margin:0;padding:0}.timeline-group>div>ul>li{align-items:center;display:grid;grid-template-columns:1fr 4fr 1fr;grid-template-rows:1fr;padding-bottom:5px;padding-top:5px}.timeline-group>div>ul>li>:nth-child(2){padding-bottom:calv(var(--spectrum-steplist-bottomPadding)/2);padding-top:calc(var(--spectrum-steplist-topPadding)/2)}.timeline-group input[value=""]+div{opacity:50%}.timeline-group>div>ul>li>:last-child{align-items:center;column-gap:5px;display:flex;flex-direction:row}.timeline-group input[value=""]~div>button{background-color:red}.timeline-group input:not([value=""])~div>:last-child{visibility:hidden} +*/.spectrum-Steplist{--spectrum-steplist-step-width:80px;--spectrum-steplist-marker-diameter:8px;--spectrum-steplist-marker-hitArea:20px;--spectrum-steplist-segment-height:2px;--spectrum-steplist-topPadding:22px;--spectrum-steplist-small-topPadding:11px;--spectrum-steplist-sidePadding:60px;--spectrum-steplist-label-labelOffset:10px;--spectrum-steplist-label-text-size:12px}[dir=ltr] .spectrum-Steplist{padding-left:var(--spectrum-steplist-sidePadding)}[dir=ltr] .spectrum-Steplist{padding-right:var(--spectrum-steplist-sidePadding)}.spectrum-Steplist{display:block;font-size:0;line-height:16px;margin:0;padding-top:var(--spectrum-steplist-topPadding);position:relative;text-align:center;vertical-align:top;white-space:nowrap;z-index:0}[dir=ltr] .spectrum-Steplist-item{padding-left:0;padding-right:calc(var(--spectrum-steplist-step-width)/2)}.spectrum-Steplist-item{box-sizing:content-box;display:inline-block;margin:0;outline:none;padding-bottom:0;padding-top:0;position:relative;vertical-align:bottom;width:var(--spectrum-steplist-step-width)}.spectrum-Steplist-item.is-complete .spectrum-Steplist-marker{border:none}.spectrum-Steplist-item.is-complete+.spectrum-Steplist-item .spectrum-Steplist-segment{border-bottom-style:solid;border-bottom-width:var(--spectrum-steplist-segment-height)}.spectrum-Steplist-item.is-selected :focus,.spectrum-Steplist-item.is-selected:focus{outline:none}.spectrum-Steplist-item.is-selected .spectrum-Steplist-marker{border:none}[dir=ltr] .spectrum-Steplist-label{left:50%}.spectrum-Steplist-label{bottom:var(--spectrum-steplist-label-labelOffset);display:block;font-size:var(--spectrum-steplist-label-text-size);position:absolute;transform:translateX(-50%);white-space:normal;width:calc(var(--spectrum-steplist-step-width)*1.5)}[dir=ltr] .spectrum-Steplist-markerContainer{left:50%}[dir=ltr] .spectrum-Steplist-markerContainer{margin-left:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}.spectrum-Steplist-markerContainer{bottom:-10px;display:block;height:var(--spectrum-steplist-marker-hitArea);position:absolute;width:var(--spectrum-steplist-marker-hitArea);z-index:2}[dir=ltr] .spectrum-Steplist-marker{left:50%}[dir=ltr] .spectrum-Steplist-marker{margin-left:calc(var(--spectrum-steplist-marker-diameter)*-1/2)}.spectrum-Steplist-marker{background:transparent;border:2px solid transparent;border-radius:var(--spectrum-steplist-marker-diameter);box-sizing:border-box;display:block;height:var(--spectrum-steplist-marker-diameter);margin-top:calc(var(--spectrum-steplist-marker-diameter)*-1/2);position:absolute;top:50%;width:var(--spectrum-steplist-marker-diameter)}[dir=ltr] .spectrum-Steplist-segment{right:calc(var(--spectrum-steplist-step-width) - var(--spectrum-steplist-marker-diameter)*1.5)}.spectrum-Steplist-segment{border-bottom-style:dashed;border-bottom-width:var(--spectrum-steplist-segment-height);bottom:calc(var(--spectrum-steplist-segment-height)*-1/2);box-sizing:content-box;display:block;position:absolute;width:calc(var(--spectrum-steplist-step-width)*1.5 - var(--spectrum-steplist-marker-diameter)*2);z-index:1}[dir=ltr] .spectrum-Steplist-item:first-child .spectrum-Steplist-markerContainer{left:0}[dir=ltr] .spectrum-Steplist-item:first-child .spectrum-Steplist-label{left:0}.spectrum-Steplist-item:first-child .spectrum-Steplist-segment{display:none}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-label{left:auto}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-label{right:0}.spectrum-Steplist-item:last-child .spectrum-Steplist-label{transform:translateX(50%)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{left:auto}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{right:0}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{margin-left:0}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{margin-right:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment{right:var(--spectrum-steplist-marker-diameter)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment{left:auto}.spectrum-Steplist-item:first-child,.spectrum-Steplist-item:last-child{width:calc(var(--spectrum-steplist-step-width)/2 - var(--spectrum-steplist-marker-diameter)*2.5)}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-label{left:50%}.spectrum-Steplist-item:only-child .spectrum-Steplist-label{transform:translate(-50%)}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{left:50%}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{margin-right:0}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{margin-left:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}.spectrum-Steplist .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-600)}.spectrum-Steplist .spectrum-Steplist-marker{border-color:var(--spectrum-global-color-gray-300)}.spectrum-Steplist .spectrum-Steplist-segment{border-bottom-color:var(--spectrum-global-color-gray-300)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-700)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-marker{background-color:var(--spectrum-global-color-gray-600)}.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-marker{background-color:var(--spectrum-global-color-gray-800)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-segment,.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-segment{border-bottom-color:var(--spectrum-global-color-gray-600)}.spectrum-Popover.is-open{z-index:2}.spectrum-Popover--bottom{left:0}.spectrum-Popover--bottom-right{right:0}.spectrum-TreeView-item,.spectrum-TreeView-itemLink{overflow:visible}[dir=ltr] .spectrum-TreeView-itemIndicator{margin-left:calc(var(--spectrum-treeview-item-affordance-size)*-1)}.spectrum-DatePicker-textfield{--spectrum-textfield-border-color:#000;--spectrum-textfield-border-width:1px;display:flex;max-width:158px}.spectrum-Stepper{--mod-actionbutton-icon-size:10px;min-width:100px}.ribbon .spectrum-Stepper>.spectrum-Textfield{--spectrum-textfield-border-color:#000;--spectrum-textfield-border-width:1px;min-width:30px}.spectrum-TreeView-item.is-open>.spectrum-TreeView{visibility:unset}.display-none{display:none;height:auto!important;visibility:unset!important}body{max-width:800px}.main-ui{display:grid;grid-template-columns:3% 22% 75%;grid-template-rows:50px 50px minmax(0,100%);height:100vh}.top-bar{align-items:center;display:inline-flex;grid-column-end:4;grid-column-start:2;grid-row-end:2;grid-row-start:1;justify-content:space-between;max-height:50px;padding:5px}.context-help-popover-body{max-width:150px;padding:10px;top:30px}.profile-card-popover{padding:5px;top:30px;width:150px}.todo-area{grid-column-end:4;grid-column-start:3;grid-row-end:4;grid-row-start:3}.ribbon{align-items:center;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:grid;gap:5px;grid-auto-flow:column;grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;margin:5px 3px;max-height:40px;padding:5px}.ribbon-divider{height:75%}.date-picker-popover{left:0;position:absolute;top:100%;width:280px}.filter-input{max-width:150px}.tree-area{background-color:#fff;grid-column-end:3;grid-column-start:1;grid-row-end:4;grid-row-start:3;overflow-y:scroll;padding-left:5px}.task-list-icon{padding-left:14px}.show-more{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:start}.show-more>div>ul li:hover{border-color:#db7676}.analytics-group [data-status="1"]>:last-child>div{background-color:#ff4500}.analytics-group [data-status="2"]>:last-child>div{background-color:orange}.analytics-group [data-status="3"]>:last-child>div{background-color:#adff2f}.analytics-group [data-status="4"]>:last-child>div{background-color:green}.analytics-group>div>*>div>*{width:200px}.filter-group>div>div>:first-child>*{max-width:150px}.filter-group>div>div>:first-child label{padding-bottom:1px;padding-top:1px}.filter-group .spectrum-Stepper>label{align-self:center;margin-left:3px;margin-right:3px}.filter-group .spectrum-TagGroup>div{padding-right:6px}.filter-group>div>div>:last-child{direction:column;display:flex;justify-content:flex-end}.filter-group .spectrum-Stepper>span>button{padding-left:3px}.filter-group .spectrum-Tag>*{display:inline;white-space:nowrap}.top-bar-buttons{position:relative}.top-bar-buttons>div>div>ul li:hover{border-color:#db7676}.notifications-group>div>*{gap:3px}.notifications-group ul{list-style-type:none;margin-bottom:0;margin-top:0;padding-inline-start:0}.notifications-group .notifications-list>li{border-left:3px solid #adff2f;margin-bottom:4px;padding-left:0}.notifications-group .notifications-list>li[data-priority="0"]{border-left-color:red}.notifications-group .notifications-list>li[data-priority="1"]{border-left-color:#ff0}.notifications-group .notifications-list li>div>:nth-child(2){margin-left:4px}.notifications-group .notifications-list>li>div>label{display:inline;padding-left:4px;padding-right:4px;white-space:nowrap}.notifications-group .notifications-list>li>div>:last-child{font-size:8px}.notifications-group .notifications-list>li div{align-items:center;display:grid;grid-template-columns:10% 50% 40%;grid-template-rows:1fr;justify-items:start}.notifications-group .notifications-list>li div :first-child{grid-column-end:2;grid-column-start:1}.notifications-group>div>:first-child>div{display:flex;justify-content:space-around;margin-bottom:5px}.notifications-group .notification-tabs>.is-active{border-bottom:2px solid #b83f45}.notifications-group>div>div>button{font-size:10px;margin-left:2px;width:96px}.notifications-group>div>div>button:hover{color:#b83f45}.notifications-group .notifications-list .completed>div>input:checked~label{color:#b83f45;text-decoration:line-through}.notifications-list>li:hover{background-color:#d3d3d3;opacity:1}.reminder-group>div{display:flex;flex-direction:column;padding:5px}.reminder-group .high-priority:hover>:checked~label,.reminder-group .high-priority>:checked~label{color:red}.reminder-group [type=text]input{width:auto}.reminder-group>div>*>:nth-child(3)>div,.reminder-group>div>*>:nth-child(4)>div{grid-template-columns:20% 80%;grid-template-rows:1fr}.reminder-group .is-invalid~* button{visibility:hidden}.backlog-group>div>ul{list-style-type:none;margin:0;padding:0}.backlog-group li>div{display:grid;grid-template-columns:1fr 2fr 1fr 2fr;grid-template-rows:1fr}.backlog-group li>div>label{display:inline;white-space:nowrap}.backlog-group li>div>:last-child{grid-column-end:5;grid-column-start:4;justify-self:end;line-height:var(--spectrum-checkbox-line-height);margin-block-start:var(--spectrum-checkbox-top-to-text);margin-inline-start:var(--spectrum-checkbox-text-to-control)}.backlog-group li>div>:first-child,.backlog-group li>div>:nth-child(2){grid-column-end:2;grid-column-start:1}.backlog-group li>div>:nth-child(3){grid-column-end:3;grid-column-start:2}.backlog-group li>div>:checked~label{text-decoration:line-through}.backlog-group li :checked~div>*{color:#fff}.backlog-group li :last-child button{background-color:#fff;border-color:#000;border-width:1px}.timeline-group>div{display:flex;flex-direction:column;padding:5px}.timeline-group>.spectrum-Popover--bottom-right.is-open{margin-top:-25px;transform:scale(.8) translateX(200px)}.timeline-group ul{list-style-type:none;margin:0;padding:0}.timeline-group>div>ul>li{align-items:center;display:grid;grid-template-columns:1fr 4fr 1fr;grid-template-rows:1fr;padding-bottom:5px;padding-top:5px}.timeline-group>div>ul>li>:nth-child(2){padding-bottom:calv(var(--spectrum-steplist-bottomPadding)/2);padding-top:calc(var(--spectrum-steplist-topPadding)/2)}.timeline-group input[value=""]+div{opacity:50%}.timeline-group>div>ul>li>:last-child{align-items:center;column-gap:5px;display:flex;flex-direction:row}.timeline-group input[value=""]~div>button{background-color:red}.timeline-group input:not([value=""])~div>:last-child{visibility:hidden} diff --git a/resources/todomvc/architecture-examples/angular-complex/dist/index.html b/resources/todomvc/architecture-examples/angular-complex/dist/index.html index 1276b8844..ee72c0160 100644 --- a/resources/todomvc/architecture-examples/angular-complex/dist/index.html +++ b/resources/todomvc/architecture-examples/angular-complex/dist/index.html @@ -6,7 +6,7 @@ TodoMVC: Angular Complex DOM -
Team 0 progress
0%
Team 1 progress
20%
Team 2 progress
40%
Team 3 progress
60%
Team 4 progress
80%
  • Step 1
    Step 2
    Step 3
    Step 4
  • Step 1
    Step 2
    Step 3
    Step 4
  • Step 1
    Step 2
    Step 3
    Step 4
  • Step 1
    Step 2
    Step 3
    Step 4
  • Step 1
    Step 2
    Step 3
    Step 4
Tag 1
Tag 2
Tag 3
Speedometer Logo for TODO App
Messages
Notifications

Sprints

+
Team 0 progress
0%
Team 1 progress
20%
Team 2 progress
40%
Team 3 progress
60%
Team 4 progress
80%
  • Step 1
    Step 2
    Step 3
    Step 4
  • Step 1
    Step 2
    Step 3
    Step 4
  • Step 1
    Step 2
    Step 3
    Step 4
  • Step 1
    Step 2
    Step 3
    Step 4
  • Step 1
    Step 2
    Step 3
    Step 4
Tag 1
Tag 2
Tag 3
Speedometer Logo for TODO App
Messages
Notifications

Sprints