mirror of
https://github.com/modernw/App-Installer-For-Windows-8.x-Reset.git
synced 2026-04-20 02:34:42 +10:00
Updated manager and added appx manifest reader.
This commit is contained in:
Bruce
49
shared/html/manager/appbar.css
Normal file
49
shared/html/manager/appbar.css
Normal file
@@ -0,0 +1,49 @@
|
||||
.win-bottom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.appbar {
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
transition: all 0.5s cubic-bezier(0.1, 0.9, 0.2, 1);
|
||||
}
|
||||
|
||||
.appbar.show {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.appbar.win-ui-dark .win-label {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.appbar-touchhide {
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 88px;
|
||||
}
|
||||
|
||||
.appbar button.win-command,
|
||||
.win-appbar .win-commandlayout button.win-command {
|
||||
box-sizing: border-box;
|
||||
/* 含 padding/border 计算宽度 */
|
||||
min-width: 100px;
|
||||
/* 强制最小宽度 100px */
|
||||
}
|
||||
|
||||
|
||||
/* 同时覆盖在窄屏 media query 中的行为（确保在 @media (max-width:1023px) 之后或在文件末尾定义） */
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
.appbar button.win-command,
|
||||
.win-appbar .win-commandlayout button.win-command {
|
||||
min-width: 100px;
|
||||
}
|
||||
}
|
||||
@@ -2,7 +2,7 @@
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
height: 60px;
|
||||
width: 450px;
|
||||
width: 460px;
|
||||
max-width: 100%;
|
||||
display: -ms-flexbox;
|
||||
/* IE10 */
|
||||
@@ -53,6 +53,14 @@
|
||||
-ms-flex-line-pack: center;
|
||||
/* IE10 -> align-content */
|
||||
align-content: center;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
|
||||
}
|
||||
|
||||
.appitem div[role=img] img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.appitem div[role=divide] {
|
||||
@@ -65,6 +73,23 @@
|
||||
font-weight: normal;
|
||||
flex: 1;
|
||||
-ms-flex: 1;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.appitem div[role=excepticon] div[role=advance] {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
|
||||
}
|
||||
|
||||
.appitem.selected div[role=excepticon] div[role=advance] {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.appitem div[role=excepticon] {
|
||||
@@ -85,12 +110,12 @@
|
||||
-ms-flex-pack: start;
|
||||
/* IE10 -> justify-content */
|
||||
justify-content: flex-start;
|
||||
width: calc(100% - 40px - 10px);
|
||||
}
|
||||
|
||||
.appitem div[role=excepticon] div[role=control] {
|
||||
display: none;
|
||||
/* IE10 */
|
||||
display: flex;
|
||||
-ms-flex-direction: row-reverse;
|
||||
/* IE10 */
|
||||
flex-direction: row-reverse;
|
||||
@@ -106,13 +131,95 @@
|
||||
-ms-flex-align: center;
|
||||
/* IE10 -> align-items */
|
||||
align-items: center;
|
||||
transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.appitem.selected {
|
||||
height: 119px;
|
||||
background-color: rgba(232, 232, 232, 1);
|
||||
}
|
||||
|
||||
.appitem.selected div[role=excepticon] div[role=control] {
|
||||
display: flex;
|
||||
display: -ms-flexbox;
|
||||
opacity: 1;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
ul.appitem-list,
|
||||
ul.appitem-list li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.appitem .displayName,
|
||||
.appitem .publisher {
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
white-space: nowrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.appitem .publisher {
|
||||
color: rgb(102, 102, 102);
|
||||
}
|
||||
|
||||
.app-loading {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-content: center;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.app-loading.noloading progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.app-loading .title {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.app-loading.noloading .title {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.app-detailpage header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-content: flex-start;
|
||||
justify-content: flex-start;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
height: 67px;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.app-detailpage header .win-backbutton {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
font-size: 11.9pt;
|
||||
line-height: 32px;
|
||||
min-width: 35px;
|
||||
min-height: 35px;
|
||||
}
|
||||
|
||||
.app-detailpage header .display-name {
|
||||
padding-left: 10px;
|
||||
box-sizing: border-box;
|
||||
width: calc(100% - 35px - 10px);
|
||||
overflow-y: hidden;
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@@ -168,6 +168,7 @@ aside>nav ul li {
|
||||
|
||||
.page.fold>aside>nav ul li {
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
aside>nav ul li div[role=img] {
|
||||
@@ -189,6 +190,33 @@ aside>nav ul li div[role=img] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page>aside>nav ul li.selected {
|
||||
background-color: #159d9d;
|
||||
}
|
||||
|
||||
.page>aside>nav ul li.selected:hover {
|
||||
background-color: rgb(23, 187, 187);
|
||||
}
|
||||
|
||||
.page>aside>nav ul li.selected:active {
|
||||
background-color: rgb(29, 224, 224);
|
||||
}
|
||||
|
||||
.page>aside>nav ul li.subitem {
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.page>aside>nav ul li.subitem.selected {
|
||||
opacity: 1;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.page.fold>aside>nav ul li * {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.page.fold>aside>nav ul li div[role=img] {
|
||||
min-width: 90px;
|
||||
width: 90px;
|
||||
@@ -213,7 +241,8 @@ aside>nav ul li div[role=img] {
|
||||
|
||||
.page>aside>nav ul li div[role=img] {
|
||||
font-size: 15pt;
|
||||
margin-right: 5px;
|
||||
margin-right: 10px;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.page>aside>nav ul li.title div[role=img] {
|
||||
@@ -256,7 +285,7 @@ aside>nav ul li div[role=img] {
|
||||
|
||||
.page.fold>aside>nav ul li:hover div[role=img] {
|
||||
min-width: 0;
|
||||
width: auto;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.page.fold>aside>nav ul li:hover span {
|
||||
@@ -292,6 +321,10 @@ aside>nav ul li div[role=img] {
|
||||
overflow-y: visible;
|
||||
}
|
||||
|
||||
.main {
|
||||
transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
|
||||
}
|
||||
|
||||
.main.padding {
|
||||
padding: 44px 60px;
|
||||
}
|
||||
@@ -307,12 +340,18 @@ aside>nav ul li div[role=img] {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background-color: white;
|
||||
transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
|
||||
}
|
||||
|
||||
.section.padding {
|
||||
padding: 44px 60px;
|
||||
}
|
||||
|
||||
.section.padding .bottom-compensate {
|
||||
.bottom-compensate {
|
||||
padding-bottom: 44px;
|
||||
}
|
||||
|
||||
.ispage {
|
||||
opacity: 1;
|
||||
transition: all 0.4s cubic-bezier(0.1, 0.9, 0.2, 1);
|
||||
}
|
||||
Reference in New Issue
Block a user