Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add appbuilder theme #457

Merged
merged 6 commits into from
Apr 4, 2024
Merged

Add appbuilder theme #457

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e78c689
Add appbuilder theme
dobromirts Apr 3, 2024
6c8133b
Merge branch 'master' into dTsvetkov/add-appbuilder-theme
zdrawku Apr 4, 2024
6184b59
chore(*): update text styles and import scripts
dobromirts Apr 4, 2024
201ea09
Merge branch 'dTsvetkov/add-appbuilder-theme' of https://github.com/I…
dobromirts Apr 4, 2024
6330cf2
chore(*); update navigation links
dobromirts Apr 4, 2024
04a8f98
chore(*): add replacement script
dobromirts Apr 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion gulpfile.js
View file
Open in desktop
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
53 changes: 53 additions & 0 deletions src/styles/appbuilder/_variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
@import '../ignite-ui/variables';

$link-decoration: none;

// Font
$global-font-family: 'Nunito-Sans', sans-serif;
$global-font-weight: 400;
$global-radius: 0;
$global-line-height: 24px;

// Text
$text-base: #0a0a0a;
$text-light: #fff;
$text-dim-light: #ddd;
$black: #000;
$text-dark: #222;
$title-color: $text-base;

// Toc
$toc-font-size: rem(14px);

// h1
$h1-f-family: "Figtree", sans-serif;
$h1-f-size: 56px;
$h1-f-weight: bold;
$h1-l-height: 56px;
$h1-m-top: 36px;
$h1-m-bottom: 30px;

// h2
$h2-f-family: "Figtree", sans-serif;
$h2-f-size: 48px;
$h2-f-weight: bold;
$h2-l-height: 55px;
$h2-m-top: 36px;
$h2-m-bottom: 16px;

// h3
$h3-f-family: "Figtree", sans-serif;

// h4
$h4-f-family: "Figtree", sans-serif;

// h5
$h5-f-family: "Figtree", sans-serif;

// h6
$h6-f-family: "Figtree", sans-serif;
$h6-f-weight: normal;

// Paragraph
$p-l-height: 30px;
$p-m-bottom: 1.5rem;
96 changes: 96 additions & 0 deletions src/styles/appbuilder/main.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
@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);
}

.nav-page-headings {
margin-top: unset;
}

@media only screen and (max-width: 1281px) {
.w-m-100 {
width: 100% !important;
padding-left: rem(16px) !important;
padding-right: rem(16px) !important;
}
}

.anchorjs-link {
font-size: rem(26px);
}

.affix ul > li > a {
font-size: rem(14px) !important;
}

.sidenav__header {
font-size: rem(14px) !important;
}

#LblacceptGDPRFormSubmission_2 > p {
display: block;
text-align: left;
padding: 0px;
white-space: normal;
}
.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;
}

p {
font-size: rem(20px);
}
2 changes: 1 addition & 1 deletion src/styles/shared/components/_footer.scss
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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.tmpl.partial
View file
Open in desktop
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=/help/getting-started">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>
6 changes: 6 additions & 0 deletions template/partials/appbuilder/footer.tmpl.partial
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<div id="footer-container">
{{{_appFooter}}}
{{^_appFooter}}
{{>partials/appbuilder/appbuilderfoot}}
{{/_appFooter}}
</div>
Loading
Loading