Skip to content

Commit

Permalink
Add appbuilder theme
Browse files Browse the repository at this point in the history
  • Loading branch information
@dobromirts
dobromirts committed Apr 3, 2024
1 parent 82b83be commit e78c689
Show file tree
Hide file tree
Showing 16 changed files with 1,217 additions and 6 deletions.
4 changes: 3 additions & 1 deletion gulpfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,9 @@ const generateBundlingGlobalMetadata = (done, dev=false) => {
{name:"lunr-search", ext: "js"},
{name:"runtime", ext: "js"},
{name:"igniteui", ext: "css"},
{name:"slingshot", ext: "css"}]
{name:"slingshot", ext: "css"},
{name:"appbuilder", ext: "css"},
]
if(!dev) {
outputBuildFiles = fs.readdirSync(path.join(__dirname, WEBPACK_BUILD_DIST));
}
Expand Down
3 changes: 3 additions & 0 deletions src/styles/appbuilder/_variables.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
@import '../ignite-ui/variables';

$link-decoration: none;
62 changes: 62 additions & 0 deletions src/styles/appbuilder/main.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
@import '~highlight.js/scss/vs2015.scss';
@import '../shared/mixins';
@import './variables';
@import '../shared/global';

@media (max-width: 991px) {
.sidenav-container {
max-width: 100%;
}
}
@media (min-width: 768px) {
.article-container {
max-width: 100%;
}
}

@media only screen and (min-width: 1281px) {
.mega-sticky-wrapper{
height: 120px !important;
}
#mega-menu-wrap-max_mega_menu_2{
height: 120px !important;
}
}

@media only screen and (max-width: 1281px) {
.mega-sticky-wrapper{
height: unset !important;
}
#mega-menu-wrap-max_mega_menu_2{
height: unset !important;
}
}

@media only screen and (max-width: 1281px) {
#main{
padding-top: rem(16px);
}
}

#mega-menu-wrap-max_mega_menu_2 {
background: white;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.footer {
background: #282561 !important;
padding: 0;
}

.footer.footer-utils {
background: #19193d !important;
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}

.footer.footer-copyright {
background: #19193d !important;
color: #999 !important;
padding: 0 0 1rem !important;
text-align: center !important;
}
2 changes: 1 addition & 1 deletion src/styles/shared/components/_footer.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ footer {
}

.footer {
border-top: 1px solid $border-color;
//border-top: 1px solid $border-color;
background-color: $footer-bg;
padding: 15px 0;
}
2 changes: 1 addition & 1 deletion src/styles/shared/components/header/_navbar.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@
display: none !important;
}

.btn-secondary {
.btn-secondary:not(.px-3) {
padding: 0px 8px 0px 0px !important;
color: #9d9d9d;
font-size: 0.825rem;
Expand Down
2 changes: 1 addition & 1 deletion template/conceptual.html.primary.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ exports.transform = function (model) {
} else if (model._platform === "appbuilder") {
model._isAppBuilder = true;
model._isIgnite = true;
model._showHelloBar = true;
model._showHelloBar = false;
} else if (model._platform === "blazor") {
model._isBlazor = true;
model._isIgnite = true;
Expand Down
8 changes: 8 additions & 0 deletions template/layout/_master.tmpl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,10 @@
{{^_disableNavbar}} {{>partials/slingshot/navbar}} {{/_disableNavbar}}
{{/slingshotTheme}}

{{#appbuilderTheme}}
{{^_disableNavbar}} {{>partials/appbuilder/navbar}} {{/_disableNavbar}}
{{/appbuilderTheme}}

{{#igniteuiTheme}}
{{^_disableNavbar}} {{>partials/navbar}} {{/_disableNavbar}}
{{/igniteuiTheme}}
Expand Down Expand Up @@ -63,6 +67,10 @@
{{^_disableFooter}} {{>partials/slingshot/footer}} {{/_disableFooter}}
{{/slingshotTheme}}

{{#appbuilderTheme}}
{{^_disableFooter}} {{>partials/appbuilder/footer}} {{/_disableFooter}}
{{/appbuilderTheme}}

{{#igniteuiTheme}}
{{^_disableFooter}} {{>partials/footer}} {{/_disableFooter}}
{{/igniteuiTheme}}
Expand Down
92 changes: 92 additions & 0 deletions template/partials/appbuilder/appbuilderfoot.ja.tmpl.partial
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<footer id="footer" class="footer pt-5">
<div class="container">
<div class="row text-center text-xs-center text-sm-left text-md-left pt-4 m-auto justify-content-between">
<!-- Footer links -->
<div class="col-12 col-md text-center text-lg-left mb-5 mb-lg-0">
<a href="/">
<img src="https://static.infragistics.com/marketing/app-builder/shared/app-builder-logo-use-against-dark-with-TM.svg" alt="App Builder logo" role="presentation" width="200" height="40">
</a>
</div>
<div class="row justify-content-end col-xs-12 col-sm-12 col-md-12 col-lg-9">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<h4 class="footer__title mt-3 mt-lg-0">Solutions</h4>
<ul class="footer__link-list list--li-space-sm pt-1 pl-0">
<li><a href="/cto">CTO</a></li>
<li><a href="/dev-team-leader">Dev Team Leader</a></li>
<li><a href="/enterprise-architect">Enterprise Architect</a></li>
<li><a href="/developer">Developer</a></li>
<li><a href="/samples">Samples</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<h4 class="footer__title mt-3 mt-lg-0">Resources</h4>
<ul class="footer__link-list list--li-space-sm pt-1 pl-0">
<li><a href="#">Documentation</a></li>
<li><a target="_blank" href="https://discord.gg/YCv7HvUVv8" rel="noopener">Discord</a></li>
<li><a href="/webinars">Webinars</a></li>
<li><a href="/blog">Blogs</a></li>
<li><a href="/whitepapers">Whitepapers</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-auto">
<h4 class="footer__title mt-3 mt-lg-0">About Us</h4>
<ul class="footer__link-list list--li-space-sm pt-1 pl-0">
<li><a href="/about-us">About Us</a></li>
<li><a class="ig-show-modal" data-targetid="contactSales" href="#">Contact Us</a></li>
<li class="d-none"><a title="App Builder in the press" href="/in-the-news">Press</a></li>
<li class="d-none"><a href="#">Global Offices</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="footer footer-utils">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-6 mb-4 mb-lg-0 text-center text-lg-left">
<ul class="footer-utils__term-links">
<li>
<a href="/privacy-policy">Privacy Policy</a>
</li>
<li>
<a href="/cookie-policy">Cookies</a>
</li>
<li>
<a href="/terms-of-use">Terms of Use</a>
</li>
<li>
<a href="/license-agreement">License Agreement</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-6 text-center text-lg-right">
<div class="footer-utils__app-links">
<a class="btn p-1 link--opacity-highlight d-none" rel="noopener" href="https://www.facebook.com/slingshotapp.io" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-29" src="https://static.infragistics.com/marketing/reveal/facebook-icon.svg" alt="Facebook" width="20" height="20" data-was-processed="true">
</a>
<a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://discord.gg/YCv7HvUVv8" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-30" src="https://static.infragistics.com/marketing/reveal/discord-icon.svg" alt="Instagram" width="20" height="20" data-was-processed="true">
</a>
<a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://twitter.com/appbuilder_dev" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-31" src="https://static.infragistics.com/marketing/slingshot/shared/x-logo.svg" alt="Twitter" width="20" height="20" data-was-processed="true">
</a>
<a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://www.linkedin.com/showcase/appbuilder-dev/" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-32" src="https://static.infragistics.com/marketing/reveal/linkedin-icon.svg" alt="Linkedin" width="20" height="20" data-was-processed="true">
</a>
<a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://www.youtube.com/channel/UC8cj8_eJROxAXsOjhbvduLw" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-33" src="https://static.infragistics.com/marketing/reveal/youtube-icon.svg" alt="Youtube" width="20" height="20" data-was-processed="true">
</a>

</div>
</div>
</div>
</div>
</div>
<div class="footer footer-copyright">
<div class="container">
<div class="row">
<p id="copyright" class="m-0 mx-4 d-inline-block">© Copyright 2024 INFRAGISTICS. All Rights Reserved. App Builder and the App Builder logo are registered trademarks of Infragistics Inc.</p>
</div>
</div>
</div>
92 changes: 92 additions & 0 deletions template/partials/appbuilder/appbuilderfoot.tmpl.partial
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<footer id="footer" class="footer pt-5">
<div class="container">
<div class="row text-center text-xs-center text-sm-left text-md-left pt-4 m-auto justify-content-between">
<!-- Footer links -->
<div class="col-12 col-md text-center text-lg-left mb-5 mb-lg-0">
<a href="/">
<img src="https://static.infragistics.com/marketing/app-builder/shared/app-builder-logo-use-against-dark-with-TM.svg" alt="App Builder logo" role="presentation" width="200" height="40">
</a>
</div>
<div class="row justify-content-end col-xs-12 col-sm-12 col-md-12 col-lg-9">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<h4 class="footer__title mt-3 mt-lg-0">Solutions</h4>
<ul class="footer__link-list list--li-space-sm pt-1 pl-0">
<li><a href="/cto">CTO</a></li>
<li><a href="/dev-team-leader">Dev Team Leader</a></li>
<li><a href="/enterprise-architect">Enterprise Architect</a></li>
<li><a href="/developer">Developer</a></li>
<li><a href="/samples">Samples</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<h4 class="footer__title mt-3 mt-lg-0">Resources</h4>
<ul class="footer__link-list list--li-space-sm pt-1 pl-0">
<li><a href="#">Documentation</a></li>
<li><a target="_blank" href="https://discord.gg/YCv7HvUVv8" rel="noopener">Discord</a></li>
<li><a href="/webinars">Webinars</a></li>
<li><a href="/blog">Blogs</a></li>
<li><a href="/whitepapers">Whitepapers</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-auto">
<h4 class="footer__title mt-3 mt-lg-0">About Us</h4>
<ul class="footer__link-list list--li-space-sm pt-1 pl-0">
<li><a href="/about-us">About Us</a></li>
<li><a class="ig-show-modal" data-targetid="contactSales" href="#">Contact Us</a></li>
<li class="d-none"><a title="App Builder in the press" href="/in-the-news">Press</a></li>
<li class="d-none"><a href="#">Global Offices</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="footer footer-utils">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-6 mb-4 mb-lg-0 text-center text-lg-left">
<ul class="footer-utils__term-links">
<li>
<a href="/privacy-policy">Privacy Policy</a>
</li>
<li>
<a href="/cookie-policy">Cookies</a>
</li>
<li>
<a href="/terms-of-use">Terms of Use</a>
</li>
<li>
<a href="/license-agreement">License Agreement</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-6 text-center text-lg-right">
<div class="footer-utils__app-links">
<a class="btn p-1 link--opacity-highlight d-none" rel="noopener" href="https://www.facebook.com/slingshotapp.io" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-29" src="https://static.infragistics.com/marketing/reveal/facebook-icon.svg" alt="Facebook" width="20" height="20" data-was-processed="true">
</a>
<a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://discord.gg/YCv7HvUVv8" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-30" src="https://static.infragistics.com/marketing/reveal/discord-icon.svg" alt="Instagram" width="20" height="20" data-was-processed="true">
</a>
<a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://twitter.com/appbuilder_dev" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-31" src="https://static.infragistics.com/marketing/slingshot/shared/x-logo.svg" alt="Twitter" width="20" height="20" data-was-processed="true">
</a>
<a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://www.linkedin.com/showcase/appbuilder-dev/" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-32" src="https://static.infragistics.com/marketing/reveal/linkedin-icon.svg" alt="Linkedin" width="20" height="20" data-was-processed="true">
</a>
<a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://www.youtube.com/channel/UC8cj8_eJROxAXsOjhbvduLw" target="_blank">
<img class="b-lazy loading smush-detected-img smush-image-33" src="https://static.infragistics.com/marketing/reveal/youtube-icon.svg" alt="Youtube" width="20" height="20" data-was-processed="true">
</a>

</div>
</div>
</div>
</div>
</div>
<div class="footer footer-copyright">
<div class="container">
<div class="row">
<p id="copyright" class="m-0 mx-4 d-inline-block">© Copyright 2024 INFRAGISTICS. All Rights Reserved. App Builder and the App Builder logo are registered trademarks of Infragistics Inc.</p>
</div>
</div>
</div>
13 changes: 13 additions & 0 deletions template/partials/appbuilder/footer.tmpl.partial
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<div id="footer-container">
{{{_appFooter}}}
{{^_appFooter}}

{{#_isLangEn}}
{{>partials/appbuilder/appbuilderfoot}}
{{/_isLangEn}}

{{#_isLangJa}}
{{>partials/appbuilder/appbuilderfoot.ja}}
{{/_isLangJa}}
{{/_appFooter}}
</div>
Loading

0 comments on commit e78c689

Please sign in to comment.