vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add basic user interface for application repos

Browse source 
Adds support for creating app repos, viewing app repos and seeing the list of app repos in the Quay UI.
This commit is contained in:
Joseph Schorr 2017-03-23 17:16:19 -04:00
parent 3dd6e6919d
commit f9e6110f73
47 changed files with 1009 additions and 106 deletions
Download patch file Download diff file Expand all files Collapse all files

75
static/css/directives/ui/app-public-view.css Normal file
View file

@ -0,0 +1,75 @@
.app-public-view-element {
height: 100%;
}
.app-public-view-element .app-header {
padding: 10px;
padding-left: 24px;
}
.app-public-view-element .app-header i.fa {
margin-right: 8px;
}
.app-public-view-element .main-content {
min-height: 300px;
padding: 0px;
}
.app-public-view-element .side-bar {
padding: 20px;
border-left: 1px solid #dddddd;
background-color: #fdfdfd;
}
.app-public-view-element .side-bar .sidebar-table {
margin-top: 40px;
}
.app-public-view-element .side-bar .sidebar-table h4 {
margin-bottom: 25px;
}
.app-public-view-element .app-row {
display: table;
width: 100%;
}
.app-public-view-element .main-content,
.app-public-view-element .side-bar {
float: none;
display: table-cell;
vertical-align: top;
}
.app-public-view-element .side-bar .visibility-indicator-component-element {
margin-bottom: 10px;
display: inline-block;
}
.app-public-view-element .tab-content {
padding: 30px;
}
.app-public-view-element .tab-content .tab-header {
display: none;
}
.app-public-view-element .co-main-content-panel {
padding: 0px;
}
.app-public-view-element .co-top-tab-bar li {
font-size: 18px;
}
.app-public-view-element .co-panel .co-panel-heading {
font-size: 16px;
margin-left: -30px;
margin-right: -30px;
padding-left: 22px;
}
.app-public-view-element .co-panel .co-panel-heading i.fa {
display: none;
}

54
static/css/directives/ui/channel-icon.css Normal file
View file

@ -0,0 +1,54 @@
.channel-icon-element {
position: relative;
vertical-align: middle;
margin-right: 4px;
display: inline-block;
height: 32px;
cursor: default;
}
/* From: http://csshexagon.com/ */
.channel-icon-element .hexagon {
display: inline-block;
position: relative;
width: 30px;
height: 17.32px;
background-color: red;
margin: 8.66px 0;
}
.channel-icon-element .hexagon .before,
.channel-icon-element .hexagon .after {
content: "";
position: absolute;
width: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.channel-icon-element .hexagon .before {
bottom: 100%;
border-bottom: 8.66px solid red;
}
.channel-icon-element .hexagon .after {
top: 100%;
width: 0;
border-top: 8.66px solid red;
}
.channel-icon-element b {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
line-height: 34px;
text-align: center;
display: inline-block;
z-index: 1;
color: white;
font-weight: normal;
font-size: 18px;
}

17
static/css/directives/ui/visibility-indicator-component.css Normal file
View file

@ -0,0 +1,17 @@
.visibility-indicator-component-element {
display: inline-block;
padding: 4px;
color: white;
height: 25px;
font-size: 16px;
padding: 0 12px;
color: #ffffff;
}
.visibility-indicator-component-element.private {
background-color: #d64456;
}
.visibility-indicator-component-element.public {
background-color: #2fc98e;
}