Skip to content

Commit

Permalink
Finished removing sled from view client
Browse files Browse the repository at this point in the history
  • Loading branch information
Eran Hammer-Lahav committed Aug 26, 2011
1 parent 041b982 commit 0572729
Show file tree
Hide file tree
Showing 20 changed files with 678 additions and 679 deletions.
64 changes: 32 additions & 32 deletions clients/view/css/styles.css
View file
Expand Up @@ -398,7 +398,7 @@ body {
* ----------------------------------------------------------------------------
*/

#sled-details-bar {
#project-details-bar {
margin-left: 10px;
position: relative;
height: 75px;
Expand All @@ -410,7 +410,7 @@ body {
* ----------------------------------------------------------------------------
*/

.sled-title-box {
.project-title-box {
display: inline-block;
position: absolute;
width: 410px;
Expand All @@ -423,7 +423,7 @@ body {
background-color: #ffffff;
}

#sled-title {
#project-title {
position: relative;
top: 5px;
padding: 6px 10px;
Expand All @@ -433,7 +433,7 @@ body {
width: 390px;
}

#sled-title-input {
#project-title-input {
position: relative;
top: 1px;
left: 3px;
Expand All @@ -445,7 +445,7 @@ body {
width: 390px;
}

#sled-title-menu-box {
#project-title-menu-box {
display: inline-block;
position: absolute;
left: 412px;
Expand Down Expand Up @@ -546,13 +546,13 @@ body {
* ----------------------------------------------------------------------------
*/

#sled-details {
#project-details {
display: inline-block;
height: 15px;
margin: 50px 0 10px 0;
}

#sled-details input {
#project-details input {
font-size: 12px;
font-weight: bold;
color: #6e6e6e;
Expand All @@ -562,36 +562,36 @@ body {
padding: 0 0 0 20px;
}

#sled-details .date {
#project-details .date {
background: url('../images/colage.png') 0 -339px no-repeat;
width: 80px;
height: 15px;
}

#sled-details .date:hover,
#sled-details .date:focus {
#project-details .date:hover,
#project-details .date:focus {
background: url('../images/colage.png') 0 -354px no-repeat;
}

#sled-details .time {
#project-details .time {
background: url('../images/colage.png') 0 -369px no-repeat;
width: 60px;
height: 15px;
}

#sled-details .time:hover {
#project-details .time:hover {
background: url('../images/colage.png') 0 -384px no-repeat;
}

#sled-details .place {
#project-details .place {
background: url('../images/colage.png') 0 -399px no-repeat;
width: 320px;
height: 15px;
margin: 0 20px;
}

#sled-details .place:hover,
#sled-details .place:focus {
#project-details .place:hover,
#project-details .place:focus {
background: url('../images/colage.png') 0 -414px no-repeat;
}

Expand All @@ -600,11 +600,11 @@ body {
* ----------------------------------------------------------------------------
*/

#sled-participants {
#project-participants {
position: relative;
}

#sled-participants .menu-label {
#project-participants .menu-label {
display: inline-block;
top: -5px;
left: 0px;
Expand All @@ -613,22 +613,22 @@ body {
text-decoration: none;
}

#sled-participants .menu-label .participants-icon {
#project-participants .menu-label .participants-icon {
display: inline-block;
width: 25px;
height: 20px;
background: url('../images/colage.png') 0 -234px no-repeat;
}

#sled-participants .menu-label:hover .participants-icon {
#project-participants .menu-label:hover .participants-icon {
background: url('../images/colage.png') 0 -124px no-repeat;
}

#sled-participants.multi-participants .menu-label .participants-icon {
#project-participants.multi-participants .menu-label .participants-icon {
background: url('../images/colage.png') 0 -599px no-repeat;
}

#sled-participants.multi-participants .menu-label:hover .participants-icon {
#project-participants.multi-participants .menu-label:hover .participants-icon {
background: url('../images/colage.png') 0 -619px no-repeat;
}

Expand All @@ -646,7 +646,7 @@ body {
font-size: 8px;
}

#sled-participants .menu-label .name {
#project-participants .menu-label .name {
display: inline-block;
color: #3474a1;
font-weight: bold;
Expand All @@ -655,22 +655,22 @@ body {
top: -3px;
}

#sled-participants .menu-label:hover .name {
#project-participants .menu-label:hover .name {
color: #ff6600;
}

#sled-participants .menu-label .menu-arrow {
#project-participants .menu-label .menu-arrow {
display: inline-block;
width: 20px;
height: 14px;
background: url('../images/colage.png') 0 -491px no-repeat;
}

#sled-participants .menu-label:hover .menu-arrow {
#project-participants .menu-label:hover .menu-arrow {
background: url('../images/colage.png') 0 -503px no-repeat;
}

#sled-participants-menu {
#project-participants-menu {
right: -134px;
top: -3px;
-moz-box-shadow: 3px 3px 2px #aaaaaa;
Expand All @@ -681,15 +681,15 @@ body {
width: 250px;
}

#sled-participants-menu .icon-tab {
#project-participants-menu .icon-tab {
float: right;
display: block;
height: 20px;
width: 24px;
background-color: #dddddd;
}

#sled-participants-menu .menu-content {
#project-participants-menu .menu-content {
clear: right;
padding: 10px 0;
border-radius: 10px;
Expand All @@ -698,22 +698,22 @@ body {
display: inline-block;
}

#sled-participants-menu li {
#project-participants-menu li {
cursor: default;
padding: 0 10px 0 20px;
}

#sled-participants-menu li a {
#project-participants-menu li a {
overflow: hidden;
text-overflow: ellipsis;
width: inherit;
}

#sled-participants-menu #participants li:hover {
#project-participants-menu #participants li:hover {
background-color: transparent;
}

#sled-participants-menu #participants li a {
#project-participants-menu #participants li a {
padding-left: 20px;
background: url('../images/colage.png') 0 -579px no-repeat;
}
Expand Down
36 changes: 18 additions & 18 deletions clients/view/index.html
View file
Expand Up @@ -78,17 +78,17 @@

<!-- Project details bar -->

<div id="sled-details-bar" class="hidden">
<div id="project-details-bar" class="hidden">

<!-- Project title -->

<div class="sled-title-box">
<a id="sled-title"></a>
<div class="project-title-box">
<a id="project-title"></a>
</div>
<div id="sled-title-menu-box"></div>
<div id="project-title-menu-box"></div>

<div id="sled-title-input-overlay" class="yui3-overlay-loading">
<input id='sled-title-input' />
<div id="project-title-input-overlay" class="yui3-overlay-loading">
<input id='project-title-input' />
</div>

<!-- Projects menu -->
Expand All @@ -111,42 +111,42 @@
</li>
</ul>
<ul class="break">
<li id="newsled" class="menuitem">
<li id="new-project" class="menuitem">
<a class="menuitem-content">Create New Project</a>
</li>
<li id="join-sled" class="menuitem">
<li id="join-project" class="menuitem">
<a class="menuitem-content">Accept Invitation</a>
</li>
<li class="menuitem postmile-loading leave-sled-menu-item">
<a class="leave-sled menuitem-content">Leave Current Project</a>
<li class="menuitem postmile-loading leave-project-menu-item">
<a class="leave-project menuitem-content">Leave Current Project</a>
</li>
<li id="delete-sled" class="menuitem">
<li id="delete-project" class="menuitem">
<a class="menuitem-content">Delete Current Project</a>
</li>
</ul>
</div>
</div>
</span>

<!-- sled details (time, place) -->
<!-- Project details (time, place) -->

<div id="sled-details">
<div id="project-details">
<input id="date" class="date" type="text" placeholder="Date?" />
<input class="time" type="text" placeholder="Time?" />
<input class="place" type="text" placeholder="Where?" />
</div>

<!-- Project participants menu -->

<span id="sled-participants" class="menu postmile-loading">
<a href="#sled-participants-menu" class="menu-label menu-toggle">
<span id="project-participants" class="menu postmile-loading">
<a href="#project-participants-menu" class="menu-label menu-toggle">
<div class="participants-icon"></div>
<div class="name">Participants</div>
<div class="menu-arrow"></div>
<div id="participants-count"></div>
</a>

<div id="sled-participants-menu" class="menu postmile-loading">
<div id="project-participants-menu" class="menu postmile-loading">
<div class="icon-tab"></div>
<div class="menu-box menu-content">
<ul id="participants">
Expand Down Expand Up @@ -192,7 +192,7 @@
<div id="side-panel">
<h2>Suggestions</h2>
<div id="suggestions-loading"></div>
<div class="suggestion-box sledlist postmile-loading" id="suggestionpane">
<div class="suggestion-box postmile-loading" id="suggestionpane">

<!-- Suggestions -->

Expand Down Expand Up @@ -299,7 +299,7 @@ <h2>Suggestions</h2>
</ul>
<ul class="invite-participants-list yui3-widget-bd">
<li>
Message <span class='invite-label' id="invite-message-label">Tell your friends what this sled is about</span>
Message <span class='invite-label' id="invite-message-label">Tell your friends what this list is about</span>
</li>
<li>
<textarea id='invite-message'></textarea>
Expand Down

0 comments on commit 0572729

Please sign in to comment.