fix: tooltip colors

This commit is contained in:
Andras Bacsai
2022-08-10 12:02:47 +00:00
parent a9ef490988
commit 9eeadd5882
14 changed files with 42 additions and 40 deletions

View File

@@ -179,7 +179,7 @@
{#if $status.application.isExited}
<a
href={!$disabledButton ? `/applications/${id}/logs` : null}
class="icons bg-transparent tooltip tooltip-bottom text-sm flex items-center text-error"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm flex items-center text-error"
data-tip="Application exited with an error!"
sveltekit:prefetch
>
@@ -230,7 +230,7 @@
on:click={stopApplication}
type="submit"
disabled={$disabledButton}
class="icons bg-transparent tooltip tooltip-bottom text-sm flex items-center space-x-2 text-error"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm flex items-center space-x-2 text-error"
data-tip={$appSession.isAdmin
? $t('application.stop_application')
: $t('application.permission_denied_stop_application')}
@@ -255,7 +255,7 @@
type="submit"
disabled={$disabledButton || !isQueueActive}
class:hover:text-green-500={isQueueActive}
class="icons bg-transparent tooltip tooltip-bottom text-sm flex items-center space-x-2"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm flex items-center space-x-2"
data-tip={$appSession.isAdmin
? isQueueActive
? 'Rebuild application'
@@ -285,7 +285,7 @@
<button
type="submit"
disabled={$disabledButton}
class="icons bg-transparent tooltip tooltip-bottom text-sm flex items-center space-x-2 text-success"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm flex items-center space-x-2 text-success"
data-tip={$appSession.isAdmin
? 'Deploy'
: 'You do not have permission to deploy application.'}
@@ -317,7 +317,7 @@
>
<button
disabled={$disabledButton}
class="icons bg-transparent tooltip tooltip-bottom text-sm"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm"
data-tip="Configurations"
>
<svg
@@ -383,7 +383,7 @@
>
<button
disabled={$disabledButton}
class="icons bg-transparent tooltip tooltip-bottom text-sm"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm"
data-tip="Persistent Storages"
>
<svg
@@ -412,7 +412,7 @@
>
<button
disabled={$disabledButton}
class="icons bg-transparent tooltip tooltip-bottom text-sm"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm"
data-tip="Previews"
>
<svg
@@ -444,7 +444,7 @@
>
<button
disabled={$disabledButton || !$status.application.isRunning}
class="icons bg-transparent tooltip tooltip-bottom text-sm"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm"
data-tip={$t('application.logs')}
>
<svg
@@ -475,7 +475,7 @@
>
<button
disabled={$disabledButton}
class="icons bg-transparent tooltip tooltip-bottom text-sm"
class="icons bg-transparent tooltip tooltip-primary tooltip-bottom text-sm"
data-tip="Build Logs"
>
<svg

View File

@@ -109,7 +109,7 @@
<div class="flex justify-end sticky top-0 p-1 mx-1">
<button
on:click={followBuild}
class="bg-transparent tooltip tooltip-bottom hover:text-green-500 hover:bg-coolgray-500"
class="bg-transparent tooltip tooltip-primary tooltip-bottom hover:text-green-500 hover:bg-coolgray-500"
data-tip="Follow logs"
class:text-green-500={followingBuild}
>
@@ -134,7 +134,7 @@
<button
on:click={cancelBuild}
class:animation-spin={cancelInprogress}
class="bg-transparent hover:text-red-500 hover:bg-coolgray-500 tooltip tooltip-bottom"
class="bg-transparent hover:text-red-500 hover:bg-coolgray-500 tooltip tooltip-primary tooltip-bottom"
data-tip="Cancel build"
>
{#if cancelInprogress}

View File

@@ -143,7 +143,7 @@
on:click={() => loadBuild(build.id)}
class:rounded-tr={index === 0}
class:rounded-br={index === builds.length - 1}
class="tooltip tooltip-top flex cursor-pointer items-center justify-center border-l-2 py-4 no-underline transition-all duration-100 hover:bg-coolgray-400 hover:shadow-xl"
class="tooltip tooltip-primary tooltip-top flex cursor-pointer items-center justify-center border-l-2 py-4 no-underline transition-all duration-100 hover:bg-coolgray-400 hover:shadow-xl"
class:bg-coolgray-400={buildId === build.id}
class:border-red-500={build.status === 'failed'}
class:border-green-500={build.status === 'success'}

View File

@@ -147,7 +147,7 @@
<div class="flex justify-end sticky top-0 p-1 mx-1">
<button
on:click={followBuild}
class="bg-transparent tooltip tooltip-bottom"
class="bg-transparent tooltip tooltip-primary tooltip-bottom"
data-tip="Follow logs"
class:text-green-500={followingLogs}
>