Skip to content

Commit

Permalink
Enlarge List Header font size, enlarge Default and iOS theme Sidepane…
Browse files Browse the repository at this point in the history
… Component width by 50px (to 250px).
  • Loading branch information
JoshStrobl committed Aug 13, 2015
1 parent 3c77e9a commit 744d12c
Show file tree
Hide file tree
Showing 10 changed files with 24 additions and 24 deletions.
2 changes: 1 addition & 1 deletion build/syiro-ios.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/syiro-material.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/syiro.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/less/core-theme/list.less
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ div[data-syiro-component="list"]{
width: 100%;

&:not([data-syiro-nonstrict-formatting]){ // If we are not including HTML
font-size: 13px;
font-size: 16px;
opacity: 0.60; // 60% opacity
}
}
Expand Down
2 changes: 1 addition & 1 deletion src/less/core.less
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ div[data-syiro-component="internalColorContainer"]{
// #region Page Component

.mainPageWidthCalculate() when not (@syiroTheme = "material"){ // If Default or iOS
width: e('calc(100% - 200px)'); // Set width to be 100% - 200px (Sidepane)
width: e('calc(100% - 250px)'); // Set width to be 100% - 250px (Sidepane)
}

.mainPageWidthCalculate() when (@syiroTheme = "material"){
Expand Down
16 changes: 8 additions & 8 deletions src/less/default-theme/sidepane.less
Original file line number Diff line number Diff line change
Expand Up @@ -3,20 +3,20 @@
// This is the default theme LESS of the Sidepane Component.

div[data-syiro-component="sidepane"]{

// #region For resolutions with a resolution lower than 1280

@media (max-width: 1279px){
max-width: 400px; // Max width of 400px (double normal)
max-width: 500px; // Max width of 500px (double normal)
}

// #endregion

// #region For resolutions greater than 1280

@media (min-width: 1280px){
width: 200px; // Default to 200px
width: 250px; // Default to 250px
}

// #endregion
}
16 changes: 8 additions & 8 deletions src/less/ios-theme/sidepane.less
Original file line number Diff line number Diff line change
Expand Up @@ -3,20 +3,20 @@
// This is the iOS theme LESS of the Sidepane Component.

div[data-syiro-component="sidepane"]{

// #region For resolutions with a resolution lower than 1280

@media (max-width: 1279px){
max-width: 400px; // Max width of 400px (double normal)
max-width: 500px; // Max width of 500px (double normal)
}

// #endregion

// #region For resolutions greater than 1280

@media (min-width: 1280px){
width: 200px; // Default to 200px
width: 250px; // Default to 250px
}

// #endregion
}
2 changes: 1 addition & 1 deletion tests/design/css/syiro-ios.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion tests/design/css/syiro-material.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion tests/design/css/syiro.css

Large diffs are not rendered by default.

0 comments on commit 744d12c

Please sign in to comment.