New HWC announcement style

This commit is contained in:
Josef Citrine 2016-11-27 03:58:13 +00:00
parent 41cbdb2e97
commit 84feb56f86
5 changed files with 39 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

View file

@ -0,0 +1,9 @@
<div class="announce-content">
<h2>{{ ::announcement.title }}</h2>
<p marked="announcement.text_content"></p>
</div>
<div class="announce-actions">
<a ng-repeat="link in announcement.links" ng-href="{{ ::link.url }}" target="_blank">{{ ::link.title }}</a>
<a href="#" ng-click="announcement.dontShowAgain()">Don't show again</a>
</div>
<a href="#" class="dismiss-button" ng-click="announcement.dismiss()"><i class="fa fa-times"></i></a>

View file

@ -62,7 +62,8 @@ module.exports = angular.module('ponyfm').controller "dashboard", [
$scope.announceWrapperClass = null
$scope.loadAnnouncementTemplate('partials/alert-announcement.html')
when 4
console.log $scope.announcement.template_file
$scope.announcementClass = $scope.announcement.css_class
$scope.announceWrapperClass = null
$scope.loadAnnouncementTemplate($scope.announcement.template_url)
$scope.loadAnnouncementTemplate($scope.announcement.template_file)
]

View file

@ -63,7 +63,8 @@ module.exports = angular.module('ponyfm').controller "home", [
$scope.announceWrapperClass = null
$scope.loadAnnouncementTemplate('partials/alert-announcement.html')
when 4
console.log $scope.announcement.template_file
$scope.announcementClass = $scope.announcement.css_class
$scope.announceWrapperClass = null
$scope.loadAnnouncementTemplate($scope.announcement.template_url)
$scope.loadAnnouncementTemplate($scope.announcement.template_file)
]

View file

@ -198,6 +198,32 @@
left: auto;
}
}
&.hwc-announce {
height: 150px;
background-color: #68a1ee;
background-image: url(/images/hwc/hwc-announcement.jpg);
background-size: 300px;
background-repeat: no-repeat;
background-position: left center;
@media (max-width: 720px) {
height: auto;
background-image: none;
}
.announce-actions {
background: none;
}
.announce-actions, .announce-content {
padding-left: 300px;
@media (max-width: 720px) {
padding-left: 15px;
}
}
}
}
}