tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

up height of conversation list

Browse source
This commit is contained in:
Tykayn 2025-08-14 15:24:41 +02:00 • committed by tykayn
parent a88cfb8e3d
commit 6c3d1564d4
6 changed files with 67 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

3
my-workspace/projects/sae-lib/src/styles/_conversations.scss
View file

@ -17,7 +17,7 @@
width: 300px; width: 300px;
position: relative; position: relative;
left: -16px; left: -16px;
top: -42px; top: -32px;
.time-ago { .time-ago {
color: #1E1F22; color: #1E1F22;
@ -99,6 +99,7 @@
.button { .button {
background: transparent; background: transparent;
padding: 10px 0;
&.edit { &.edit {
color: #9B9DA6; color: #9B9DA6;

29
my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
View file

@ -19,9 +19,26 @@
.navbar { .navbar {
background: #1b1d27; background: #1b1d27;
color: white; color: white;
height: 60px;
.navbar-item { .navbar-item {
padding-left: 24px;
padding-right: 24px;
&:last-of-type {
padding-right: 32px;
}
&.user-account-item { &.user-account-item {
background: #525668;
color: white;
}
&.is-active {
border-bottom: 2px solid #7FB8E7;
color: #7FB8E7; color: #7FB8E7;
} }
} }
@ -39,10 +56,7 @@
font-size: 24px; font-size: 24px;
} }
&.is-active {
background: #7FB8E7 !important;
border-bottom: 2px solid #7FB8E7;
}
} }
} }
@ -203,7 +217,7 @@
.conversation-container { .conversation-container {
padding-left: 12px; padding-left: 12px;
max-height: 80vh; min-height: 90vh;
} }
input { input {
@ -292,7 +306,7 @@
.chat-column { .chat-column {
min-width: 1000px; min-width: 900px;
} }
@ -350,7 +364,7 @@
min-height: 600px; min-height: 600px;
max-height: 90vh; max-height: 90vh;
margin: 0 auto; margin: 0 auto;
padding-top: 10px; padding-top: 50px;
padding-left: 60px; padding-left: 60px;
padding-right: 60px; padding-right: 60px;
overflow: auto; overflow: auto;
@ -471,6 +485,7 @@
.conversation-bottom { .conversation-bottom {
padding: 10px 200px; padding: 10px 200px;
margin-top: -100px;
} }
.bottom-warning-container { .bottom-warning-container {

59
old-sae-airwatch/src/app/chatbot/chatbot.html
View file

@ -60,31 +60,43 @@
</a> </a>
<a class="navbar-item is-active"> <a class="navbar-item is-active">
<i class="ri-layout-right-line"></i>
Ask question Ask question
</a><a class="navbar-item"> </a>
Documentation <a class="navbar-item">
</a> <i class="ri-layout-right-line"></i>
<div class="navbar-item has-dropdown is-hoverable"> Knowledge base
<a class="navbar-link"> </a>
<i class="ri-notification-2-line"></i> <a class="navbar-item">
</a> <i class="ri-layout-right-line"></i>
Quick start
</a>
<div class="navbar-item ">
<!-- <div class="navbar-item has-dropdown is-hoverable">-->
<!-- <a aria-expanded="false" aria-haspopup="true" class="navbar-linking">-->
<i class="ri-notification-2-line"></i>
<!-- </a>-->
<div class="navbar-dropdown"> <!-- <div class="navbar-dropdown">-->
<a class="navbar-item"> <!-- <a class="navbar-item">-->
About <!-- About-->
</a> <!-- </a>-->
<a class="navbar-item is-selected"> <!-- <a class="navbar-item is-selected">-->
Jobs <!-- Jobs-->
</a> <!-- </a>-->
<a class="navbar-item"> <!-- <a class="navbar-item">-->
Contact <!-- Contact-->
</a> <!-- </a>-->
<hr class="navbar-divider"> <!-- <hr class="navbar-divider">-->
<a class="navbar-item"> <!-- <a class="navbar-item">-->
Report an issue <!-- Report an issue-->
</a> <!-- </a>-->
</div> <!-- </div>-->
</div> </div>
<a class="navbar-item user-account-item">
<i class="ri-layout-right-line"></i>
Borhène
</a>
</div> </div>
</div> </div>
</nav> </nav>
@ -157,8 +169,9 @@
</div> </div>
</div> </div>
} }
<app-version-infos [versionInfo]="appVersion"></app-version-infos>
</div> </div>
<app-version-infos [versionInfo]="appVersion"></app-version-infos>
<!-- <div class="admin-actions debug">--> <!-- <div class="admin-actions debug">-->
<!-- <app-theme-selector></app-theme-selector>--> <!-- <app-theme-selector></app-theme-selector>-->
<!-- <app-language-selector></app-language-selector>--> <!-- <app-language-selector></app-language-selector>-->

2
old-sae-airwatch/src/app/chatbot/feedback-button/feedback-button.scss
View file

@ -14,7 +14,7 @@
margin-right: -35px; margin-right: -35px;
position: fixed; position: fixed;
right: 0; right: 0;
top: 240px; top: 197px;
z-index: 100; z-index: 100;
&:hover { &:hover {

2
old-sae-airwatch/src/app/chatbot/version-infos/version-infos.html
View file

@ -1 +1 @@
<p class="version">version {{ versionInfo }}</p> <p class="version">Version as of {{ versionInfo }}</p>

10
old-sae-airwatch/src/app/ds-navbar/ds-navbar.html
View file

@ -1,13 +1,13 @@
<header class="container"> <header class="container">
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav aria-label="main navigation" class="navbar" role="navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="https://cipherbliss.com"> <a class="navbar-item" href="https://cipherbliss.com">
<app-logo></app-logo> <app-logo></app-logo>
</a> </a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" <a aria-expanded="false" aria-label="menu" class="navbar-burger" data-target="navbarBasicExample"
data-target="navbarBasicExample"> role="button">
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
@ -15,7 +15,7 @@
</a> </a>
</div> </div>
<div id="navbarBasicExample" class="navbar-menu"> <div class="navbar-menu" id="navbarBasicExample">
<div class="navbar-start"> <div class="navbar-start">
<a class="navbar-item"> <a class="navbar-item">
Home Home
@ -48,7 +48,7 @@
</a> </a>
<div class="navbar-item has-dropdown is-hoverable"> <div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link"> <a class="navbar-linking">
<i class="ri-notification-2-line"></i> <i class="ri-notification-2-line"></i>
</a> </a>