yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Package category navigation fixed for all screen resolutions

Browse Source
This commit is contained in:
Simon Busborg
2016-06-22 13:05:19 +02:00
parent e12b9665ab
commit dbec2c207f
1 changed files with 41 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less
View File

@@ -350,6 +350,43 @@
}
@media (max-width: 768px) {
.umb-packages-category {
width: 100%;
}
}
@media (max-width: 992px) {
.umb-packages-category {
border: 1px solid @grayLight;
margin: 5px;
flex: 0 0 auto;
text-align: center;
padding: 10px;
max-width: 100%;
border-radius: 3px;
}
}
@media (min-width: 1100px) and (max-width: 1300px) {
.umb-packages-category {
border: 1px solid @grayLight;
margin: 5px;
flex: 0 0 auto;
text-align: center;
padding: 10px;
max-width: 100%;
border-radius: 3px;
}
}
.umb-packages-category:hover,
.umb-packages-category.-active {
text-decoration: none;
@@ -358,12 +395,14 @@
.umb-packages-category.-first {
border-left: 1px solid @grayLight;
border-radius: 3px 0 0 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.umb-packages-category.-last {
border-right: 1px solid @grayLight;
border-radius: 0 3px 3px 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* PACKAGE DETAILS */