Implemented event-details style changes outlined in bugzilla #884557.
* Sign up button should not be blue. Make it green, to match buttons on the homepage. #3FB58E * Sign up button should be 50px high with matching >
This commit is contained in:
Hike Danakian
Родитель
e8aae74ee1
Коммит
44d6c2a968
|
|
@ -5,6 +5,26 @@ body#events.details {
|
|||
|
||||
#details-pane {
|
||||
|
||||
#event-title {
|
||||
display: inline-block;
|
||||
}
|
||||
#owner-panel {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
|
||||
line-height: 35px;
|
||||
vertical-align: bottom;
|
||||
|
||||
.owner-btn {
|
||||
vertical-align: 85%;
|
||||
|
||||
&:hover {
|
||||
background: darken(#fff, 4%);
|
||||
}
|
||||
.clickable;
|
||||
}
|
||||
}
|
||||
.temporal-local {
|
||||
display: inline-block;
|
||||
margin: 4px;
|
||||
|
|
@ -32,7 +52,7 @@ body#events.details {
|
|||
#event-picture {
|
||||
background: #444;
|
||||
max-width: 400px;
|
||||
.box-shadow(0px, 2px, 10px, rgba(0, 0, 0, 0.25));
|
||||
.box-shadow(0px, 2px, 20px, rgba(0, 0, 0, 0.25));
|
||||
|
||||
margin: 11px;
|
||||
margin-right: 30px;
|
||||
|
|
@ -48,30 +68,28 @@ body#events.details {
|
|||
text-align: center;
|
||||
|
||||
#registerLink {
|
||||
@height: 50px;
|
||||
background: #3fb58e;
|
||||
display: inline-block;
|
||||
background: #4F74BB;
|
||||
.box-shadow(0px, 2px, 8px, rgba(0, 0, 0, 0.2));
|
||||
border-radius: 8px;
|
||||
border-top: 1px solid #888;
|
||||
border-left: 1px solid #aaa;
|
||||
height: @height;
|
||||
margin: 20px auto;
|
||||
padding: 18px;
|
||||
padding-top: 16px;
|
||||
padding: 0px 20px;
|
||||
|
||||
color: #fafafa;
|
||||
font-size: 20px;
|
||||
line-height: 2;
|
||||
color: #fcfcfc;
|
||||
font-size: 16px;
|
||||
line-height: @height;
|
||||
|
||||
.icon-chevron-right {
|
||||
margin-left: 3px;
|
||||
color: #f2f2f2;
|
||||
position: relative;
|
||||
left: 1px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.clickable;
|
||||
&:hover {
|
||||
background: #517CCB;
|
||||
background: #60c7a5;
|
||||
}
|
||||
&:active {
|
||||
background: #4062A1;
|
||||
background: darken(#60c7a5, 5%);
|
||||
}
|
||||
}
|
||||
p {
|
||||
|
|
@ -117,20 +135,6 @@ body#events.details {
|
|||
font-size: 14px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#owner-panel {
|
||||
position: relative;
|
||||
left: @profileImgSize * 1.2;
|
||||
|
||||
.owner-btn {
|
||||
vertical-align: 85%;
|
||||
|
||||
&:hover {
|
||||
background: darken(#fff, 4%);
|
||||
}
|
||||
.clickable;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,11 +31,30 @@
|
|||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<span><div id="event-description">
|
||||
<h1 class="show">{{ event.title }}</h1>
|
||||
<span class="edit hidden">
|
||||
<input type="text" name="title" placeholder="{{ event.title }}" />
|
||||
</span>
|
||||
<span id="event-description">
|
||||
<div id="event-title">
|
||||
<h1 class="show">{{ event.title }}</h1>
|
||||
<span class="edit hidden">
|
||||
<input type="text" name="title" placeholder="{{ event.title }}" />
|
||||
</span>
|
||||
</div>
|
||||
{% if email and event.organizer == email %}
|
||||
<div id="owner-panel">
|
||||
<span class="show">
|
||||
<button id="edit-mode" type="button" class="owner-btn ui-btn">Edit</button>
|
||||
</span>
|
||||
<span class="edit hidden">
|
||||
<button id="save-edit" class="owner-btn ui-btn"
|
||||
type="submit" name="_method" value="PATCH">Save</button>
|
||||
<button id="cancel-edit" type="button" class="owner-btn ui-btn">Cancel</button>
|
||||
<button id="delete-event" class="owner-btn ui-btn"
|
||||
type="submit" name="_method" value="DELETE">Delete</button>
|
||||
<div id="delete-confirm" class="hidden" title="Delete Event">
|
||||
Are you sure you want to permanently delete this event?
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="event-whenwhere">
|
||||
<div class="temporal-local">
|
||||
<span class="show">
|
||||
|
|
@ -89,24 +108,8 @@
|
|||
<div id="event-organizer">
|
||||
<img src="https://secure.gravatar.com/avatar/{{ event.organizerHash }}" />
|
||||
<span class="organized-by">Organized by <strong class="organizer">{{ event.organizerId }}</strong></span>
|
||||
{% if email and event.organizer == email %}
|
||||
<div id="owner-panel">
|
||||
<span class="show">
|
||||
<button id="edit-mode" type="button" class="owner-btn ui-btn">Edit</button>
|
||||
</span>
|
||||
<span class="edit hidden">
|
||||
<button id="save-edit" class="owner-btn ui-btn"
|
||||
type="submit" name="_method" value="PATCH">Save</button>
|
||||
<button id="cancel-edit" type="button" class="owner-btn ui-btn">Cancel</button>
|
||||
<button id="delete-event" class="owner-btn ui-btn"
|
||||
type="submit" name="_method" value="DELETE">Delete</button>
|
||||
<div id="delete-confirm" class="hidden" title="Delete Event">
|
||||
Are you sure you want to permanently delete this event?
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<br />
|
||||
<span id="description-body" class="show">{{ event.description }}</span>
|
||||
<span class="edit hidden">
|
||||
<textarea name="description" data-provide="markdown">{{ event.description }}</textarea>
|
||||
|
|
@ -116,7 +119,7 @@
|
|||
</span>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче