fez5587/Superalgos
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

who to follow

Browse Source
This commit is contained in:
Luis Fernando Molina committed 2021-09-08 13:48:48 +02:00
1 parent 020e01237a
commit c01c9bbca6
2 files changed
+141 -22
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Desktop/WebServer/css/main.css
+106 -17
View File
@@ -22,15 +22,57 @@
font-style: normal;
}
.scroll-div {
position:absolute;
overflow-y: scroll;
overflow-x: hidden;
top:0px;
left:0px;
vertical-align: top;
height: 100%;
width: 100%;
color: #000;
border-color: blue;
background-color: #ffffff;
border-width: 0px;
}
.content-div {
position:relative;
vertical-align: top;
height: 100%;
width: 30%;
left: 31.2%;
color: #000;
border-color: blue;
background-color: transparent;
border-width: 0px;
}
.post-div {
vertical-align: top;
height: 300px;
width: 100%;
color: #000;
border-color: blue;
background-color: transparent;
border-width: 0px;
}
.page-table {
pointer-events: none;
position:fixed;
position: absolute;
top:0px;
left:18%;
width: 64%;
height: 100%;
padding: 0;
margin: 0;
color: #000;
background-color: #ffffff;
border-width: 1px;
background:transparent;
border-width: 0px;
border-collapse: collapse;
}
.left-column {
@@ -38,8 +80,10 @@
top:0px;
width: 20%;
height: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.middle-column {
@@ -47,8 +91,10 @@
top:0px;
width: 50%;
height: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.right-column {
@@ -57,99 +103,142 @@
left:0px;
width: 30%;
height: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.left-table {
position:relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
border-collapse: collapse;
}
.logo-cell {
vertical-align: top;
width: 100%;
height: 70px;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.menu-cell {
vertical-align: top;
width: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.profile-cell {
vertical-align: bottom;
width: 100%;
height: 50px;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.middle-table {
position:relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
border-collapse: collapse;
}
.content-title-cell {
vertical-align: top;
width: 100%;
height: 50px;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
background-color: #ffffff;
}
.content-cell {
vertical-align: top;
width: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.right-table {
position:relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
border-collapse: collapse;
}
.search-cell {
vertical-align: top;
width: 100%;
height: 50px;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.context-cell {
vertical-align: top;
width: 100%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
background:transparent;
}
.menu-table {
position:relative;
width: 100%;
height: 65%;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
border-collapse: collapse;
}
.menu-item-cell {
vertical-align: top;
width: 100%;
height: 50px;
padding: 0;
margin: 0;
color: #000;
border-width: 1px;
border-width: 0px;
}
.who-to-follow-table {
position:relative;
width: 100%;
height: 30%;
padding: 0;
margin: 0;
color: #000;
border-width: 0px;
border-collapse: collapse;
}
Desktop/WebServer/index.html
+35 -5
View File
@@ -41,9 +41,26 @@
</head>
<body id="body" onload="loadApp()" onresize="onResize()">
Hello World!
<table class="page-table">
<div class="scroll-div">
<div class="content-div">
<div class="post-div">
POST 1
</div>
<div class="post-div">
POST 2
</div>
<div class="post-div">
POST 3
</div>
<div class="post-div">
POST 4
</div>
<div class="post-div">
POST 5
</div>
</div>
</div>
<table id="page-table" class="page-table">
<tr>
<td class="left-column">
<table class="left-table">
@@ -94,7 +111,8 @@
<td class="content-title-cell">CONTENT TITLE</td>
</tr>
<tr>
<td class="content-cell">CONTENT</td>
<td class="content-cell">
</td>
</tr>
</table>
</td>
@@ -104,7 +122,19 @@
<td class="search-cell">SEARCH</td>
</tr>
<tr>
<td class="context-cell">CONTEXT</td>
<td class="context-cell">
<table class="who-to-follow-table">
<tr>
<td class="menu-item-cell">User Profile 1</td>
</tr>
<tr>
<td class="menu-item-cell">User Profile 2</td>
</tr>
<tr>
<td class="menu-item-cell">User Profile 3</td>
</tr>
</table>
</td>
</tr>
</table>
</td>